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,12 +5,82 @@
|
||||||
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">
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
|
<section class="outer">
|
||||||
|
<header>
|
||||||
<center>
|
<center>
|
||||||
<h1>
|
<h1>
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
|
|
@ -28,36 +98,68 @@
|
||||||
<p>
|
<p>
|
||||||
January 20, 2022 </p>
|
January 20, 2022 </p>
|
||||||
</center>
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
<h2>About SVGs</h2>
|
<h1>About SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
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>
|
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>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<h2>How to make SVGs</h2>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>How to make SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<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. </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>
|
||||||
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>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<h2>Mac and Windows users</h2>
|
<ul>
|
||||||
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Karbon</cite>
|
||||||
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
<dt><strong>Proprietary</strong></dt>
|
||||||
|
<dd>
|
||||||
<ul>
|
<ul>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<li> <cite>CorelDRAW</cite>
|
||||||
(Corel)
|
(Corel)
|
||||||
—
|
—
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
|
</li>
|
||||||
<li> <cite>Illustrator</cite>
|
<li> <cite>Illustrator</cite>
|
||||||
(Adobe)
|
(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>
|
||||||
|
</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>
|
</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,12 +5,82 @@
|
||||||
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">
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
|
<section class="outer">
|
||||||
|
<header>
|
||||||
<center>
|
<center>
|
||||||
<h1>
|
<h1>
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
|
|
@ -28,36 +98,68 @@
|
||||||
<p>
|
<p>
|
||||||
enero 20, 2022 </p>
|
enero 20, 2022 </p>
|
||||||
</center>
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
<h2>About SVGs</h2>
|
<h1>About SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
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>
|
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>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<h2>How to make SVGs</h2>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>How to make SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<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. </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>
|
||||||
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>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<h2>Mac and Windows users</h2>
|
<ul>
|
||||||
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Karbon</cite>
|
||||||
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
<dt><strong>Proprietary</strong></dt>
|
||||||
|
<dd>
|
||||||
<ul>
|
<ul>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<li> <cite>CorelDRAW</cite>
|
||||||
(Corel)
|
(Corel)
|
||||||
—
|
—
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
|
</li>
|
||||||
<li> <cite>Illustrator</cite>
|
<li> <cite>Illustrator</cite>
|
||||||
(Adobe)
|
(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>
|
||||||
|
</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>
|
</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,12 +5,82 @@
|
||||||
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">
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
|
<section class="outer">
|
||||||
|
<header>
|
||||||
<center>
|
<center>
|
||||||
<h1>
|
<h1>
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
|
|
@ -28,36 +98,68 @@
|
||||||
<p>
|
<p>
|
||||||
janvier 20, 2022 </p>
|
janvier 20, 2022 </p>
|
||||||
</center>
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
<h2>À propos de SVG</h2>
|
<h1>À propos de SVG</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
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>
|
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>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Pour plus d'informations, voir : <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
Pour plus d'informations, voir : <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<h2>Comment fabriquer des SVG</h2>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>Comment fabriquer des SVG</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
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>
|
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>
|
||||||
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>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<h2>Utilisateurs de Mac et Windows</h2>
|
<ul>
|
||||||
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Karbon</cite>
|
||||||
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
<dt><strong>Proprietary</strong></dt>
|
||||||
|
<dd>
|
||||||
<ul>
|
<ul>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<li> <cite>CorelDRAW</cite>
|
||||||
(Corel)
|
(Corel)
|
||||||
—
|
—
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
|
</li>
|
||||||
<li> <cite>Illustrator</cite>
|
<li> <cite>Illustrator</cite>
|
||||||
(Adobe)
|
(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>
|
||||||
|
</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>
|
</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,12 +5,82 @@
|
||||||
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">
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
|
<section class="outer">
|
||||||
|
<header>
|
||||||
<center>
|
<center>
|
||||||
<h1>
|
<h1>
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
|
|
@ -28,36 +98,68 @@
|
||||||
<p>
|
<p>
|
||||||
20 de Xaneiro de 2022 </p>
|
20 de Xaneiro de 2022 </p>
|
||||||
</center>
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
<h2>Sobre os SVG</h2>
|
<h1>Sobre os SVG</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
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>
|
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>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Para obter máis información, visite:<a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
Para obter máis información, visite:<a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<h2>Como facer imaxes SVG</h2>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>Como facer imaxes SVG</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
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>
|
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>
|
||||||
É 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>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<h2>Usuarios de Mac e Windows</h2>
|
<ul>
|
||||||
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Karbon</cite>
|
||||||
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
<dt><strong>Proprietary</strong></dt>
|
||||||
|
<dd>
|
||||||
<ul>
|
<ul>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<li> <cite>CorelDRAW</cite>
|
||||||
(Corel)
|
(Corel)
|
||||||
—
|
—
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
|
</li>
|
||||||
<li> <cite>Illustrator</cite>
|
<li> <cite>Illustrator</cite>
|
||||||
(Adobe)
|
(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>
|
||||||
|
</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>
|
</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,12 +5,82 @@
|
||||||
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">
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
|
<section class="outer">
|
||||||
|
<header>
|
||||||
<center>
|
<center>
|
||||||
<h1>
|
<h1>
|
||||||
<img src="../../html/images/tuxpaint-title.png"
|
<img src="../../html/images/tuxpaint-title.png"
|
||||||
|
|
@ -28,36 +98,68 @@
|
||||||
<p>
|
<p>
|
||||||
2022年1月20日 </p>
|
2022年1月20日 </p>
|
||||||
</center>
|
</center>
|
||||||
|
</header>
|
||||||
|
</section>
|
||||||
|
|
||||||
<hr>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
<h2>About SVGs</h2>
|
<h1>About SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
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>
|
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>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<h2>How to make SVGs</h2>
|
<section class="indent">
|
||||||
|
<header>
|
||||||
|
<h1>How to make SVGs</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<p>
|
<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. </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>
|
||||||
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>
|
<dt><strong>Open Source</strong></dt>
|
||||||
|
<dd>
|
||||||
<h2>Mac and Windows users</h2>
|
<ul>
|
||||||
|
<li> <cite>Inkscape</cite>
|
||||||
|
—
|
||||||
|
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
|
||||||
|
</li>
|
||||||
|
<li> <cite>Karbon</cite>
|
||||||
|
—
|
||||||
|
<a href="https://calligra.org/karbon/">https://calligra.org/karbon/</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
<dt><strong>Proprietary</strong></dt>
|
||||||
|
<dd>
|
||||||
<ul>
|
<ul>
|
||||||
<li> <cite>CorelDRAW</cite>
|
<li> <cite>CorelDRAW</cite>
|
||||||
(Corel)
|
(Corel)
|
||||||
—
|
—
|
||||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
||||||
|
</li>
|
||||||
<li> <cite>Illustrator</cite>
|
<li> <cite>Illustrator</cite>
|
||||||
(Adobe)
|
(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>
|
||||||
|
</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>
|
</ul>
|
||||||
|
</dl>
|
||||||
|
</section>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue