Sync: Style, update, add more apps to SVG docs
This commit is contained in:
parent
084adab616
commit
f6c549b3b4
10 changed files with 787 additions and 270 deletions
|
|
@ -7,9 +7,7 @@
|
||||||
|
|
||||||
January 20, 2022
|
January 20, 2022
|
||||||
|
|
||||||
----------------------------------------------------------------------
|
About SVGs
|
||||||
|
|
||||||
About SVGs
|
|
||||||
|
|
||||||
SVG (Scalable Vector Graphics) is an open standard used to describe
|
SVG (Scalable Vector Graphics) is an open standard used to describe
|
||||||
two-dimensional vector graphics. It is great for diagrams and shapes,
|
two-dimensional vector graphics. It is great for diagrams and shapes,
|
||||||
|
|
@ -19,16 +17,20 @@ About SVGs
|
||||||
|
|
||||||
For more information, visit: https://www.w3.org/Graphics/SVG/
|
For more information, visit: https://www.w3.org/Graphics/SVG/
|
||||||
|
|
||||||
How to make SVGs
|
How to make SVGs
|
||||||
|
|
||||||
An excellent tool with which to create SVG images for use in Tux Paint is
|
An excellent tool with which to create SVG images for use in Tux Paint is
|
||||||
Inkscape, a high-quality Open Source interactive drawing program.
|
Inkscape, a high-quality Open Source interactive drawing program available
|
||||||
|
for Windows, macOS, and Linux. There are also other applications that can
|
||||||
|
produce SVGs, both free/open source, and commerical/proprietary.
|
||||||
|
|
||||||
It is likely that is already installed on your system. If not, it should
|
Open Source
|
||||||
be readily available from your Linux distribution's software repository.
|
* Inkscape — http://www.inkscape.org/
|
||||||
If not, or to learn more, visit http://www.inkscape.org/, respectively.
|
* Karbon — https://calligra.org/karbon/
|
||||||
|
|
||||||
Mac and Windows users
|
Proprietary
|
||||||
|
* CorelDRAW (Corel) — https://www.coreldraw.com/en/
|
||||||
* CorelDRAW (Corel) — http://www.corel.com/
|
* Illustrator (Adobe) —
|
||||||
* Illustrator (Adobe) — http://www.adobe.com/products/illustrator.html
|
http://www.adobe.com/products/illustrator.html
|
||||||
|
* Boxy SVG — https://boxy-svg.com/
|
||||||
|
* Sketch (Sketch B.V.) — https://boxy-svg.com/
|
||||||
|
|
|
||||||
|
|
@ -5,59 +5,161 @@
|
||||||
Tux Paint SVG Documentation </title>
|
Tux Paint SVG Documentation </title>
|
||||||
<meta http-equiv="Content-Type"
|
<meta http-equiv="Content-Type"
|
||||||
content="text/html; charset=utf-8">
|
content="text/html; charset=utf-8">
|
||||||
|
<style>
|
||||||
|
body { font-size: large; }
|
||||||
|
table { font-size: large; }
|
||||||
|
div.screenshot-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
div.screenshot-right {
|
||||||
|
float: right;
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
div.screenshot-right-after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
div.keeptogether { page-break-inside: avoid; }
|
||||||
|
section h1 { font-size: 2em; }
|
||||||
|
h1, h2, h3, h4 { font-family: sans; }
|
||||||
|
h1 { color: #800; page-break-before: always; break-before: always; }
|
||||||
|
h2 { color: #440; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h3 { color: #080; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h4 { color: #008; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h1 + p { page-break-inside: avoid; }
|
||||||
|
h2 + p { page-break-inside: avoid; }
|
||||||
|
h3 + p { page-break-inside: avoid; }
|
||||||
|
h4 + p { page-break-inside: avoid; }
|
||||||
|
dt {
|
||||||
|
font-size: large;
|
||||||
|
color: #404;
|
||||||
|
font-family: sans;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
dd, blockquote {
|
||||||
|
border-left: 1px solid #888;
|
||||||
|
padding-left: 1em;
|
||||||
|
border-radius: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
p.note {
|
||||||
|
border: 1px solid #000;
|
||||||
|
background-color: #eee;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 3em;
|
||||||
|
}
|
||||||
|
section.outer {
|
||||||
|
padding-bottom: 1em;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
}
|
||||||
|
section.indent p,dl {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
section.indent dl p {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
p + ul {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
p {
|
||||||
|
orphans: 3;
|
||||||
|
widows: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body bgcolor="#FFFFFF"
|
<body bgcolor="#FFFFFF"
|
||||||
text="#000000"
|
text="#000000"
|
||||||
link="#0000FF"
|
link="#0000FF"
|
||||||
vlink="#FF0000"
|
vlink="#FF0000"
|
||||||
alink="#FF00FF">
|
alink="#FF00FF">
|
||||||
<center>
|
|
||||||
<h1>
|
<!-- Title -->
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<section class="outer">
|
||||||
width="205"
|
<header>
|
||||||
height="210"
|
<center>
|
||||||
alt="Tux Paint"><br>
|
<h1>
|
||||||
version 0.9.28<br/>
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
SVG Documentation </h1>
|
width="205"
|
||||||
|
height="210"
|
||||||
|
alt="Tux Paint"><br>
|
||||||
|
version 0.9.28<br/>
|
||||||
|
SVG Documentation </h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Copyright © 2007-2022 by various contributors; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
||||||
|
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
January 20, 2022 </p>
|
||||||
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>About SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Copyright © 2007-2022 by various contributors; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
SVG (Scalable Vector Graphics) is an open standard used to describe two-dimensional vector graphics. It is great for diagrams and shapes, while PNGs are better for photographs. SVG files are a bit like instructions on how to make an image. This means that they can be resized without looking pixelated or blocky. </p>
|
||||||
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
January 20, 2022 </p>
|
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
</center>
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>How to make SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<h2>About SVGs</h2>
|
<p>
|
||||||
|
An excellent tool with which to create SVG images for use in Tux Paint is Inkscape, a high-quality Open Source interactive drawing program available for Windows, macOS, and Linux. There are also other applications that can produce SVGs, both free/open source, and commerical/proprietary. </p>
|
||||||
|
|
||||||
<p>
|
<dl>
|
||||||
SVG (Scalable Vector Graphics) is an open standard used to describe two-dimensional vector graphics. It is great for diagrams and shapes, while PNGs are better for photographs. SVG files are a bit like instructions on how to make an image. This means that they can be resized without looking pixelated or blocky. </p>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<p>
|
<ul>
|
||||||
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
<h2>How to make SVGs</h2>
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
<p>
|
<li> <cite>Karbon</cite>
|
||||||
An excellent tool with which to create SVG images for use in Tux Paint is Inkscape, a high-quality Open Source interactive drawing program. </p>
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
<p>
|
</li>
|
||||||
It is likely that is already installed on your system. If not, it should be readily available from your Linux distribution's software repository. If not, or to learn more, visit <a href="http://www.inkscape.org/">http://www.inkscape.org/</a>, respectively. </p>
|
</ul>
|
||||||
|
</dd>
|
||||||
<h2>Mac and Windows users</h2>
|
<dt><strong>Proprietary</strong></dt>
|
||||||
<ul>
|
<dd>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<ul>
|
||||||
(Corel)
|
<li> <cite>CorelDRAW</cite>
|
||||||
—
|
(Corel)
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
—
|
||||||
<li> <cite>Illustrator</cite>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
(Adobe)
|
</li>
|
||||||
—
|
<li> <cite>Illustrator</cite>
|
||||||
|
(Adobe)
|
||||||
|
—
|
||||||
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
||||||
</ul>
|
</li>
|
||||||
|
<li> <cite>Boxy SVG</cite>
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Sketch</cite>
|
||||||
|
(Sketch B.V.)
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dl>
|
||||||
|
</section>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -7,9 +7,7 @@
|
||||||
|
|
||||||
enero 20, 2022
|
enero 20, 2022
|
||||||
|
|
||||||
----------------------------------------------------------------------
|
About SVGs
|
||||||
|
|
||||||
About SVGs
|
|
||||||
|
|
||||||
SVG (Scalable Vector Graphics) is an open standard used to describe
|
SVG (Scalable Vector Graphics) is an open standard used to describe
|
||||||
two-dimensional vector graphics. It is great for diagrams and shapes,
|
two-dimensional vector graphics. It is great for diagrams and shapes,
|
||||||
|
|
@ -19,16 +17,20 @@ About SVGs
|
||||||
|
|
||||||
For more information, visit: https://www.w3.org/Graphics/SVG/
|
For more information, visit: https://www.w3.org/Graphics/SVG/
|
||||||
|
|
||||||
How to make SVGs
|
How to make SVGs
|
||||||
|
|
||||||
An excellent tool with which to create SVG images for use in Tux Paint is
|
An excellent tool with which to create SVG images for use in Tux Paint is
|
||||||
Inkscape, a high-quality Open Source interactive drawing program.
|
Inkscape, a high-quality Open Source interactive drawing program available
|
||||||
|
for Windows, macOS, and Linux. There are also other applications that can
|
||||||
|
produce SVGs, both free/open source, and commerical/proprietary.
|
||||||
|
|
||||||
It is likely that is already installed on your system. If not, it should
|
Open Source
|
||||||
be readily available from your Linux distribution's software repository.
|
* Inkscape — http://www.inkscape.org/
|
||||||
If not, or to learn more, visit http://www.inkscape.org/, respectively.
|
* Karbon — https://calligra.org/karbon/
|
||||||
|
|
||||||
Mac and Windows users
|
Proprietary
|
||||||
|
* CorelDRAW (Corel) — https://www.coreldraw.com/en/
|
||||||
* CorelDRAW (Corel) — http://www.corel.com/
|
* Illustrator (Adobe) —
|
||||||
* Illustrator (Adobe) — http://www.adobe.com/products/illustrator.html
|
http://www.adobe.com/products/illustrator.html
|
||||||
|
* Boxy SVG — https://boxy-svg.com/
|
||||||
|
* Sketch (Sketch B.V.) — https://boxy-svg.com/
|
||||||
|
|
|
||||||
|
|
@ -5,59 +5,161 @@
|
||||||
Tux Paint SVG Documentation </title>
|
Tux Paint SVG Documentation </title>
|
||||||
<meta http-equiv="Content-Type"
|
<meta http-equiv="Content-Type"
|
||||||
content="text/html; charset=utf-8">
|
content="text/html; charset=utf-8">
|
||||||
|
<style>
|
||||||
|
body { font-size: large; }
|
||||||
|
table { font-size: large; }
|
||||||
|
div.screenshot-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
div.screenshot-right {
|
||||||
|
float: right;
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
div.screenshot-right-after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
div.keeptogether { page-break-inside: avoid; }
|
||||||
|
section h1 { font-size: 2em; }
|
||||||
|
h1, h2, h3, h4 { font-family: sans; }
|
||||||
|
h1 { color: #800; page-break-before: always; break-before: always; }
|
||||||
|
h2 { color: #440; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h3 { color: #080; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h4 { color: #008; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h1 + p { page-break-inside: avoid; }
|
||||||
|
h2 + p { page-break-inside: avoid; }
|
||||||
|
h3 + p { page-break-inside: avoid; }
|
||||||
|
h4 + p { page-break-inside: avoid; }
|
||||||
|
dt {
|
||||||
|
font-size: large;
|
||||||
|
color: #404;
|
||||||
|
font-family: sans;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
dd, blockquote {
|
||||||
|
border-left: 1px solid #888;
|
||||||
|
padding-left: 1em;
|
||||||
|
border-radius: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
p.note {
|
||||||
|
border: 1px solid #000;
|
||||||
|
background-color: #eee;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 3em;
|
||||||
|
}
|
||||||
|
section.outer {
|
||||||
|
padding-bottom: 1em;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
}
|
||||||
|
section.indent p,dl {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
section.indent dl p {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
p + ul {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
p {
|
||||||
|
orphans: 3;
|
||||||
|
widows: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body bgcolor="#FFFFFF"
|
<body bgcolor="#FFFFFF"
|
||||||
text="#000000"
|
text="#000000"
|
||||||
link="#0000FF"
|
link="#0000FF"
|
||||||
vlink="#FF0000"
|
vlink="#FF0000"
|
||||||
alink="#FF00FF">
|
alink="#FF00FF">
|
||||||
<center>
|
|
||||||
<h1>
|
<!-- Title -->
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<section class="outer">
|
||||||
width="205"
|
<header>
|
||||||
height="210"
|
<center>
|
||||||
alt="Tux Paint"><br>
|
<h1>
|
||||||
versión 0.9.28<br/>
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
SVG Documentation </h1>
|
width="205"
|
||||||
|
height="210"
|
||||||
|
alt="Tux Paint"><br>
|
||||||
|
versión 0.9.28<br/>
|
||||||
|
SVG Documentation </h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Copyright © 2007-2022 by various contributors; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
||||||
|
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
enero 20, 2022 </p>
|
||||||
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>About SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Copyright © 2007-2022 by various contributors; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
SVG (Scalable Vector Graphics) is an open standard used to describe two-dimensional vector graphics. It is great for diagrams and shapes, while PNGs are better for photographs. SVG files are a bit like instructions on how to make an image. This means that they can be resized without looking pixelated or blocky. </p>
|
||||||
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
enero 20, 2022 </p>
|
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
</center>
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>How to make SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<h2>About SVGs</h2>
|
<p>
|
||||||
|
An excellent tool with which to create SVG images for use in Tux Paint is Inkscape, a high-quality Open Source interactive drawing program available for Windows, macOS, and Linux. There are also other applications that can produce SVGs, both free/open source, and commerical/proprietary. </p>
|
||||||
|
|
||||||
<p>
|
<dl>
|
||||||
SVG (Scalable Vector Graphics) is an open standard used to describe two-dimensional vector graphics. It is great for diagrams and shapes, while PNGs are better for photographs. SVG files are a bit like instructions on how to make an image. This means that they can be resized without looking pixelated or blocky. </p>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<p>
|
<ul>
|
||||||
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
<h2>How to make SVGs</h2>
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
<p>
|
<li> <cite>Karbon</cite>
|
||||||
An excellent tool with which to create SVG images for use in Tux Paint is Inkscape, a high-quality Open Source interactive drawing program. </p>
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
<p>
|
</li>
|
||||||
It is likely that is already installed on your system. If not, it should be readily available from your Linux distribution's software repository. If not, or to learn more, visit <a href="http://www.inkscape.org/">http://www.inkscape.org/</a>, respectively. </p>
|
</ul>
|
||||||
|
</dd>
|
||||||
<h2>Mac and Windows users</h2>
|
<dt><strong>Proprietary</strong></dt>
|
||||||
<ul>
|
<dd>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<ul>
|
||||||
(Corel)
|
<li> <cite>CorelDRAW</cite>
|
||||||
—
|
(Corel)
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
—
|
||||||
<li> <cite>Illustrator</cite>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
(Adobe)
|
</li>
|
||||||
—
|
<li> <cite>Illustrator</cite>
|
||||||
|
(Adobe)
|
||||||
|
—
|
||||||
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
||||||
</ul>
|
</li>
|
||||||
|
<li> <cite>Boxy SVG</cite>
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Sketch</cite>
|
||||||
|
(Sketch B.V.)
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dl>
|
||||||
|
</section>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -7,9 +7,7 @@
|
||||||
|
|
||||||
janvier 20, 2022
|
janvier 20, 2022
|
||||||
|
|
||||||
----------------------------------------------------------------------
|
À propos de SVG
|
||||||
|
|
||||||
À propos de SVG
|
|
||||||
|
|
||||||
SVG (Scalable Vector Graphics) est un standard ouvert utilisé pour décrire
|
SVG (Scalable Vector Graphics) est un standard ouvert utilisé pour décrire
|
||||||
des graphiques vectoriels en deux dimensions. C'est parfait pour les
|
des graphiques vectoriels en deux dimensions. C'est parfait pour les
|
||||||
|
|
@ -20,18 +18,20 @@
|
||||||
|
|
||||||
Pour plus d'informations, voir : https://www.w3.org/Graphics/SVG/
|
Pour plus d'informations, voir : https://www.w3.org/Graphics/SVG/
|
||||||
|
|
||||||
Comment fabriquer des SVG
|
Comment fabriquer des SVG
|
||||||
|
|
||||||
Un excellent outil pouvant servir à créer des images SVG pour Tux Paint
|
An excellent tool with which to create SVG images for use in Tux Paint is
|
||||||
est Inkscape, un programme de dessin interactif d'excellente qualité, et
|
Inkscape, a high-quality Open Source interactive drawing program available
|
||||||
Open Source.
|
for Windows, macOS, and Linux. There are also other applications that can
|
||||||
|
produce SVGs, both free/open source, and commerical/proprietary.
|
||||||
|
|
||||||
Il est probablement déjà installé sur votre système. Sinon, il est
|
Open Source
|
||||||
certainement disponible depuis le site de téléchargement de votre
|
* Inkscape — http://www.inkscape.org/
|
||||||
distribution Linux. Sinon, ou pour en apprendre plus, visitez
|
* Karbon — https://calligra.org/karbon/
|
||||||
http://www.inkscape.org/.
|
|
||||||
|
|
||||||
Utilisateurs de Mac et Windows
|
Proprietary
|
||||||
|
* CorelDRAW (Corel) — https://www.coreldraw.com/en/
|
||||||
* CorelDRAW (Corel) — http://www.corel.com/
|
* Illustrator (Adobe) —
|
||||||
* Illustrator (Adobe) — http://www.adobe.com/products/illustrator.html
|
http://www.adobe.com/products/illustrator.html
|
||||||
|
* Boxy SVG — https://boxy-svg.com/
|
||||||
|
* Sketch (Sketch B.V.) — https://boxy-svg.com/
|
||||||
|
|
|
||||||
|
|
@ -5,59 +5,161 @@
|
||||||
Documentation sur SVG pour Tux Paint </title>
|
Documentation sur SVG pour Tux Paint </title>
|
||||||
<meta http-equiv="Content-Type"
|
<meta http-equiv="Content-Type"
|
||||||
content="text/html; charset=utf-8">
|
content="text/html; charset=utf-8">
|
||||||
|
<style>
|
||||||
|
body { font-size: large; }
|
||||||
|
table { font-size: large; }
|
||||||
|
div.screenshot-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
div.screenshot-right {
|
||||||
|
float: right;
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
div.screenshot-right-after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
div.keeptogether { page-break-inside: avoid; }
|
||||||
|
section h1 { font-size: 2em; }
|
||||||
|
h1, h2, h3, h4 { font-family: sans; }
|
||||||
|
h1 { color: #800; page-break-before: always; break-before: always; }
|
||||||
|
h2 { color: #440; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h3 { color: #080; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h4 { color: #008; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h1 + p { page-break-inside: avoid; }
|
||||||
|
h2 + p { page-break-inside: avoid; }
|
||||||
|
h3 + p { page-break-inside: avoid; }
|
||||||
|
h4 + p { page-break-inside: avoid; }
|
||||||
|
dt {
|
||||||
|
font-size: large;
|
||||||
|
color: #404;
|
||||||
|
font-family: sans;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
dd, blockquote {
|
||||||
|
border-left: 1px solid #888;
|
||||||
|
padding-left: 1em;
|
||||||
|
border-radius: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
p.note {
|
||||||
|
border: 1px solid #000;
|
||||||
|
background-color: #eee;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 3em;
|
||||||
|
}
|
||||||
|
section.outer {
|
||||||
|
padding-bottom: 1em;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
}
|
||||||
|
section.indent p,dl {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
section.indent dl p {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
p + ul {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
p {
|
||||||
|
orphans: 3;
|
||||||
|
widows: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body bgcolor="#FFFFFF"
|
<body bgcolor="#FFFFFF"
|
||||||
text="#000000"
|
text="#000000"
|
||||||
link="#0000FF"
|
link="#0000FF"
|
||||||
vlink="#FF0000"
|
vlink="#FF0000"
|
||||||
alink="#FF00FF">
|
alink="#FF00FF">
|
||||||
<center>
|
|
||||||
<h1>
|
<!-- Title -->
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<section class="outer">
|
||||||
width="205"
|
<header>
|
||||||
height="210"
|
<center>
|
||||||
alt="Tux Paint"><br>
|
<h1>
|
||||||
version 0.9.28<br/>
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
Documentation sur SVG </h1>
|
width="205"
|
||||||
|
height="210"
|
||||||
|
alt="Tux Paint"><br>
|
||||||
|
version 0.9.28<br/>
|
||||||
|
Documentation sur SVG </h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Copyright © 2007-2022 by divers contributeurs; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
||||||
|
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
janvier 20, 2022 </p>
|
||||||
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>À propos de SVG</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Copyright © 2007-2022 by divers contributeurs; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
SVG (Scalable Vector Graphics) est un standard ouvert utilisé pour décrire des graphiques vectoriels en deux dimensions. C'est parfait pour les diagrammes et les formes, tandis que les PNG sont meilleurs pour les photographies. Les fichiers SVG sont un peu comme des instructions sur la façon de créer une image. Cela signifie qu'ils peuvent être redimensionnés sans paraître pixélisés ou avec des blocs. </p>
|
||||||
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
janvier 20, 2022 </p>
|
Pour plus d'informations, voir : <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
</center>
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>Comment fabriquer des SVG</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<h2>À propos de SVG</h2>
|
<p>
|
||||||
|
An excellent tool with which to create SVG images for use in Tux Paint is Inkscape, a high-quality Open Source interactive drawing program available for Windows, macOS, and Linux. There are also other applications that can produce SVGs, both free/open source, and commerical/proprietary. </p>
|
||||||
|
|
||||||
<p>
|
<dl>
|
||||||
SVG (Scalable Vector Graphics) est un standard ouvert utilisé pour décrire des graphiques vectoriels en deux dimensions. C'est parfait pour les diagrammes et les formes, tandis que les PNG sont meilleurs pour les photographies. Les fichiers SVG sont un peu comme des instructions sur la façon de créer une image. Cela signifie qu'ils peuvent être redimensionnés sans paraître pixélisés ou avec des blocs. </p>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<p>
|
<ul>
|
||||||
Pour plus d'informations, voir : <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
<h2>Comment fabriquer des SVG</h2>
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
<p>
|
<li> <cite>Karbon</cite>
|
||||||
Un excellent outil pouvant servir à créer des images SVG pour Tux Paint est Inkscape, un programme de dessin interactif d'excellente qualité, et Open Source. </p>
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
<p>
|
</li>
|
||||||
Il est probablement déjà installé sur votre système. Sinon, il est certainement disponible depuis le site de téléchargement de votre distribution Linux. Sinon, ou pour en apprendre plus, visitez <a href="http://www.inkscape.org/">http://www.inkscape.org/</a>. </p>
|
</ul>
|
||||||
|
</dd>
|
||||||
<h2>Utilisateurs de Mac et Windows</h2>
|
<dt><strong>Proprietary</strong></dt>
|
||||||
<ul>
|
<dd>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<ul>
|
||||||
(Corel)
|
<li> <cite>CorelDRAW</cite>
|
||||||
—
|
(Corel)
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
—
|
||||||
<li> <cite>Illustrator</cite>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
(Adobe)
|
</li>
|
||||||
—
|
<li> <cite>Illustrator</cite>
|
||||||
|
(Adobe)
|
||||||
|
—
|
||||||
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
||||||
</ul>
|
</li>
|
||||||
|
<li> <cite>Boxy SVG</cite>
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Sketch</cite>
|
||||||
|
(Sketch B.V.)
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dl>
|
||||||
|
</section>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -7,9 +7,7 @@
|
||||||
|
|
||||||
20 de Xaneiro de 2022
|
20 de Xaneiro de 2022
|
||||||
|
|
||||||
----------------------------------------------------------------------
|
Sobre os SVG
|
||||||
|
|
||||||
Sobre os SVG
|
|
||||||
|
|
||||||
SVG (Scalable Vector Graphics — Gráficos Vectoriais Escalábeis) é un
|
SVG (Scalable Vector Graphics — Gráficos Vectoriais Escalábeis) é un
|
||||||
estándar aberto usado para describir gráficos vectoriais bidimensionais. É
|
estándar aberto usado para describir gráficos vectoriais bidimensionais. É
|
||||||
|
|
@ -20,17 +18,20 @@ Sobre os SVG
|
||||||
|
|
||||||
Para obter máis información, visite:https://www.w3.org/Graphics/SVG/
|
Para obter máis información, visite:https://www.w3.org/Graphics/SVG/
|
||||||
|
|
||||||
Como facer imaxes SVG
|
Como facer imaxes SVG
|
||||||
|
|
||||||
Unha excelente ferramenta coa que crear imaxes SVG para o seu uso en Tux
|
An excellent tool with which to create SVG images for use in Tux Paint is
|
||||||
Paint é Inkscape, un programa de debuxo interactivo de código aberto de
|
Inkscape, a high-quality Open Source interactive drawing program available
|
||||||
alta calidade.
|
for Windows, macOS, and Linux. There are also other applications that can
|
||||||
|
produce SVGs, both free/open source, and commerical/proprietary.
|
||||||
|
|
||||||
É probable que xa estea instalado no seu sistema. Se non, debería estar
|
Open Source
|
||||||
dispoñíbel no repositorio de software da súa distribución Linux. Se non,
|
* Inkscape — http://www.inkscape.org/
|
||||||
ou para saber máis, visite http://www.inkscape.org/, respectivamente.
|
* Karbon — https://calligra.org/karbon/
|
||||||
|
|
||||||
Usuarios de Mac e Windows
|
Proprietary
|
||||||
|
* CorelDRAW (Corel) — https://www.coreldraw.com/en/
|
||||||
* CorelDRAW (Corel) — http://www.corel.com/
|
* Illustrator (Adobe) —
|
||||||
* Illustrator (Adobe) — http://www.adobe.com/products/illustrator.html
|
http://www.adobe.com/products/illustrator.html
|
||||||
|
* Boxy SVG — https://boxy-svg.com/
|
||||||
|
* Sketch (Sketch B.V.) — https://boxy-svg.com/
|
||||||
|
|
|
||||||
|
|
@ -5,59 +5,161 @@
|
||||||
Documentación SVG de Tux Paint </title>
|
Documentación SVG de Tux Paint </title>
|
||||||
<meta http-equiv="Content-Type"
|
<meta http-equiv="Content-Type"
|
||||||
content="text/html; charset=utf-8">
|
content="text/html; charset=utf-8">
|
||||||
|
<style>
|
||||||
|
body { font-size: large; }
|
||||||
|
table { font-size: large; }
|
||||||
|
div.screenshot-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
div.screenshot-right {
|
||||||
|
float: right;
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
div.screenshot-right-after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
div.keeptogether { page-break-inside: avoid; }
|
||||||
|
section h1 { font-size: 2em; }
|
||||||
|
h1, h2, h3, h4 { font-family: sans; }
|
||||||
|
h1 { color: #800; page-break-before: always; break-before: always; }
|
||||||
|
h2 { color: #440; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h3 { color: #080; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h4 { color: #008; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h1 + p { page-break-inside: avoid; }
|
||||||
|
h2 + p { page-break-inside: avoid; }
|
||||||
|
h3 + p { page-break-inside: avoid; }
|
||||||
|
h4 + p { page-break-inside: avoid; }
|
||||||
|
dt {
|
||||||
|
font-size: large;
|
||||||
|
color: #404;
|
||||||
|
font-family: sans;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
dd, blockquote {
|
||||||
|
border-left: 1px solid #888;
|
||||||
|
padding-left: 1em;
|
||||||
|
border-radius: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
p.note {
|
||||||
|
border: 1px solid #000;
|
||||||
|
background-color: #eee;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 3em;
|
||||||
|
}
|
||||||
|
section.outer {
|
||||||
|
padding-bottom: 1em;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
}
|
||||||
|
section.indent p,dl {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
section.indent dl p {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
p + ul {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
p {
|
||||||
|
orphans: 3;
|
||||||
|
widows: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body bgcolor="#FFFFFF"
|
<body bgcolor="#FFFFFF"
|
||||||
text="#000000"
|
text="#000000"
|
||||||
link="#0000FF"
|
link="#0000FF"
|
||||||
vlink="#FF0000"
|
vlink="#FF0000"
|
||||||
alink="#FF00FF">
|
alink="#FF00FF">
|
||||||
<center>
|
|
||||||
<h1>
|
<!-- Title -->
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<section class="outer">
|
||||||
width="205"
|
<header>
|
||||||
height="210"
|
<center>
|
||||||
alt="Tux Paint"><br>
|
<h1>
|
||||||
versión 0.9.28<br/>
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
Documentación SVG </h1>
|
width="205"
|
||||||
|
height="210"
|
||||||
|
alt="Tux Paint"><br>
|
||||||
|
versión 0.9.28<br/>
|
||||||
|
Documentación SVG </h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Copyright © 2007-2022 by varios colaboradores; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
||||||
|
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
20 de Xaneiro de 2022 </p>
|
||||||
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>Sobre os SVG</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Copyright © 2007-2022 by varios colaboradores; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
SVG (Scalable Vector Graphics — Gráficos Vectoriais Escalábeis) é un estándar aberto usado para describir gráficos vectoriais bidimensionais. É xenial para diagramas e formas, mentres que PNG son mellores para fotografías. Os ficheiros SVG son un pouco como instrucións sobre como facer unha imaxe. Isto significa que poden cambiarse de sen que aparezan pixelados ou bloques. </p>
|
||||||
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
20 de Xaneiro de 2022 </p>
|
Para obter máis información, visite:<a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
</center>
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>Como facer imaxes SVG</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<h2>Sobre os SVG</h2>
|
<p>
|
||||||
|
An excellent tool with which to create SVG images for use in Tux Paint is Inkscape, a high-quality Open Source interactive drawing program available for Windows, macOS, and Linux. There are also other applications that can produce SVGs, both free/open source, and commerical/proprietary. </p>
|
||||||
|
|
||||||
<p>
|
<dl>
|
||||||
SVG (Scalable Vector Graphics — Gráficos Vectoriais Escalábeis) é un estándar aberto usado para describir gráficos vectoriais bidimensionais. É xenial para diagramas e formas, mentres que PNG son mellores para fotografías. Os ficheiros SVG son un pouco como instrucións sobre como facer unha imaxe. Isto significa que poden cambiarse de sen que aparezan pixelados ou bloques. </p>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<p>
|
<ul>
|
||||||
Para obter máis información, visite:<a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
<h2>Como facer imaxes SVG</h2>
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
<p>
|
<li> <cite>Karbon</cite>
|
||||||
Unha excelente ferramenta coa que crear imaxes SVG para o seu uso en Tux Paint é Inkscape, un programa de debuxo interactivo de código aberto de alta calidade. </p>
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
<p>
|
</li>
|
||||||
É probable que xa estea instalado no seu sistema. Se non, debería estar dispoñíbel no repositorio de software da súa distribución Linux. Se non, ou para saber máis, visite <a href="http://www.inkscape.org/">http://www.inkscape.org/</a>, respectivamente. </p>
|
</ul>
|
||||||
|
</dd>
|
||||||
<h2>Usuarios de Mac e Windows</h2>
|
<dt><strong>Proprietary</strong></dt>
|
||||||
<ul>
|
<dd>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<ul>
|
||||||
(Corel)
|
<li> <cite>CorelDRAW</cite>
|
||||||
—
|
(Corel)
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
—
|
||||||
<li> <cite>Illustrator</cite>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
(Adobe)
|
</li>
|
||||||
—
|
<li> <cite>Illustrator</cite>
|
||||||
|
(Adobe)
|
||||||
|
—
|
||||||
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
||||||
</ul>
|
</li>
|
||||||
|
<li> <cite>Boxy SVG</cite>
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Sketch</cite>
|
||||||
|
(Sketch B.V.)
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dl>
|
||||||
|
</section>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -7,9 +7,7 @@
|
||||||
|
|
||||||
2022年1月20日
|
2022年1月20日
|
||||||
|
|
||||||
----------------------------------------------------------------------
|
About SVGs
|
||||||
|
|
||||||
About SVGs
|
|
||||||
|
|
||||||
SVG (Scalable Vector Graphics) is an open standard used to describe
|
SVG (Scalable Vector Graphics) is an open standard used to describe
|
||||||
two-dimensional vector graphics. It is great for diagrams and shapes,
|
two-dimensional vector graphics. It is great for diagrams and shapes,
|
||||||
|
|
@ -19,16 +17,20 @@ About SVGs
|
||||||
|
|
||||||
For more information, visit: https://www.w3.org/Graphics/SVG/
|
For more information, visit: https://www.w3.org/Graphics/SVG/
|
||||||
|
|
||||||
How to make SVGs
|
How to make SVGs
|
||||||
|
|
||||||
An excellent tool with which to create SVG images for use in Tux Paint is
|
An excellent tool with which to create SVG images for use in Tux Paint is
|
||||||
Inkscape, a high-quality Open Source interactive drawing program.
|
Inkscape, a high-quality Open Source interactive drawing program available
|
||||||
|
for Windows, macOS, and Linux. There are also other applications that can
|
||||||
|
produce SVGs, both free/open source, and commerical/proprietary.
|
||||||
|
|
||||||
It is likely that is already installed on your system. If not, it should
|
Open Source
|
||||||
be readily available from your Linux distribution's software repository.
|
* Inkscape — http://www.inkscape.org/
|
||||||
If not, or to learn more, visit http://www.inkscape.org/, respectively.
|
* Karbon — https://calligra.org/karbon/
|
||||||
|
|
||||||
Mac and Windows users
|
Proprietary
|
||||||
|
* CorelDRAW (Corel) — https://www.coreldraw.com/en/
|
||||||
* CorelDRAW (Corel) — http://www.corel.com/
|
* Illustrator (Adobe) —
|
||||||
* Illustrator (Adobe) — http://www.adobe.com/products/illustrator.html
|
http://www.adobe.com/products/illustrator.html
|
||||||
|
* Boxy SVG — https://boxy-svg.com/
|
||||||
|
* Sketch (Sketch B.V.) — https://boxy-svg.com/
|
||||||
|
|
|
||||||
|
|
@ -5,59 +5,161 @@
|
||||||
Tux Paint SVG Documentation </title>
|
Tux Paint SVG Documentation </title>
|
||||||
<meta http-equiv="Content-Type"
|
<meta http-equiv="Content-Type"
|
||||||
content="text/html; charset=utf-8">
|
content="text/html; charset=utf-8">
|
||||||
|
<style>
|
||||||
|
body { font-size: large; }
|
||||||
|
table { font-size: large; }
|
||||||
|
div.screenshot-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
div.screenshot-right {
|
||||||
|
float: right;
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
div.screenshot-right-after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
div.keeptogether { page-break-inside: avoid; }
|
||||||
|
section h1 { font-size: 2em; }
|
||||||
|
h1, h2, h3, h4 { font-family: sans; }
|
||||||
|
h1 { color: #800; page-break-before: always; break-before: always; }
|
||||||
|
h2 { color: #440; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h3 { color: #080; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h4 { color: #008; page-break-after: avoid; break-after: avoid; }
|
||||||
|
h1 + p { page-break-inside: avoid; }
|
||||||
|
h2 + p { page-break-inside: avoid; }
|
||||||
|
h3 + p { page-break-inside: avoid; }
|
||||||
|
h4 + p { page-break-inside: avoid; }
|
||||||
|
dt {
|
||||||
|
font-size: large;
|
||||||
|
color: #404;
|
||||||
|
font-family: sans;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
}
|
||||||
|
dd, blockquote {
|
||||||
|
border-left: 1px solid #888;
|
||||||
|
padding-left: 1em;
|
||||||
|
border-radius: 0 0 0 1em;
|
||||||
|
}
|
||||||
|
p.note {
|
||||||
|
border: 1px solid #000;
|
||||||
|
background-color: #eee;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 3em;
|
||||||
|
}
|
||||||
|
section.outer {
|
||||||
|
padding-bottom: 1em;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
}
|
||||||
|
section.indent p,dl {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
section.indent dl p {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
p + ul {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
p {
|
||||||
|
orphans: 3;
|
||||||
|
widows: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body bgcolor="#FFFFFF"
|
<body bgcolor="#FFFFFF"
|
||||||
text="#000000"
|
text="#000000"
|
||||||
link="#0000FF"
|
link="#0000FF"
|
||||||
vlink="#FF0000"
|
vlink="#FF0000"
|
||||||
alink="#FF00FF">
|
alink="#FF00FF">
|
||||||
<center>
|
|
||||||
<h1>
|
<!-- Title -->
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<section class="outer">
|
||||||
width="205"
|
<header>
|
||||||
height="210"
|
<center>
|
||||||
alt="Tux Paint"><br>
|
<h1>
|
||||||
バージョン 0.9.28<br/>
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
SVG Documentation </h1>
|
width="205"
|
||||||
|
height="210"
|
||||||
|
alt="Tux Paint"><br>
|
||||||
|
バージョン 0.9.28<br/>
|
||||||
|
SVG Documentation </h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Copyright © 2007-2022 by various contributors; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
||||||
|
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
2022年1月20日 </p>
|
||||||
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>About SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Copyright © 2007-2022 by various contributors; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
SVG (Scalable Vector Graphics) is an open standard used to describe two-dimensional vector graphics. It is great for diagrams and shapes, while PNGs are better for photographs. SVG files are a bit like instructions on how to make an image. This means that they can be resized without looking pixelated or blocky. </p>
|
||||||
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
2022年1月20日 </p>
|
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
</center>
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>How to make SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<h2>About SVGs</h2>
|
<p>
|
||||||
|
An excellent tool with which to create SVG images for use in Tux Paint is Inkscape, a high-quality Open Source interactive drawing program available for Windows, macOS, and Linux. There are also other applications that can produce SVGs, both free/open source, and commerical/proprietary. </p>
|
||||||
|
|
||||||
<p>
|
<dl>
|
||||||
SVG (Scalable Vector Graphics) is an open standard used to describe two-dimensional vector graphics. It is great for diagrams and shapes, while PNGs are better for photographs. SVG files are a bit like instructions on how to make an image. This means that they can be resized without looking pixelated or blocky. </p>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<p>
|
<ul>
|
||||||
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
<h2>How to make SVGs</h2>
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
<p>
|
<li> <cite>Karbon</cite>
|
||||||
An excellent tool with which to create SVG images for use in Tux Paint is Inkscape, a high-quality Open Source interactive drawing program. </p>
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
<p>
|
</li>
|
||||||
It is likely that is already installed on your system. If not, it should be readily available from your Linux distribution's software repository. If not, or to learn more, visit <a href="http://www.inkscape.org/">http://www.inkscape.org/</a>, respectively. </p>
|
</ul>
|
||||||
|
</dd>
|
||||||
<h2>Mac and Windows users</h2>
|
<dt><strong>Proprietary</strong></dt>
|
||||||
<ul>
|
<dd>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<ul>
|
||||||
(Corel)
|
<li> <cite>CorelDRAW</cite>
|
||||||
—
|
(Corel)
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
—
|
||||||
<li> <cite>Illustrator</cite>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
(Adobe)
|
</li>
|
||||||
—
|
<li> <cite>Illustrator</cite>
|
||||||
|
(Adobe)
|
||||||
|
—
|
||||||
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
<a href="http://www.adobe.com/products/illustrator.html">http://www.adobe.com/products/illustrator.html</a>
|
||||||
</ul>
|
</li>
|
||||||
|
<li> <cite>Boxy SVG</cite>
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Sketch</cite>
|
||||||
|
(Sketch B.V.)
|
||||||
|
—
|
||||||
|
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dl>
|
||||||
|
</section>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue