Sync: Style, update, add more apps to SVG docs

This commit is contained in:
Bill Kendrick 2022-03-31 23:08:38 -07:00
parent 084adab616
commit f6c549b3b4
10 changed files with 787 additions and 270 deletions

View file

@ -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/

View file

@ -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>
&mdash;
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
</li>
<li> <cite>Karbon</cite>
&mdash;
<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)
&mdash; &mdash;
<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)
&mdash; &mdash;
<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>
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
<li> <cite>Sketch</cite>
(Sketch B.V.)
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
</ul> </ul>
</dl>
</section>
</body> </body>
</html> </html>

View file

@ -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/

View file

@ -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>
&mdash;
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
</li>
<li> <cite>Karbon</cite>
&mdash;
<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)
&mdash; &mdash;
<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)
&mdash; &mdash;
<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>
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
<li> <cite>Sketch</cite>
(Sketch B.V.)
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
</ul> </ul>
</dl>
</section>
</body> </body>
</html> </html>

View file

@ -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/

View file

@ -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>
&mdash;
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
</li>
<li> <cite>Karbon</cite>
&mdash;
<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)
&mdash; &mdash;
<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)
&mdash; &mdash;
<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>
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
<li> <cite>Sketch</cite>
(Sketch B.V.)
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
</ul> </ul>
</dl>
</section>
</body> </body>
</html> </html>

View file

@ -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/

View file

@ -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>
&mdash;
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
</li>
<li> <cite>Karbon</cite>
&mdash;
<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)
&mdash; &mdash;
<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)
&mdash; &mdash;
<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>
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
<li> <cite>Sketch</cite>
(Sketch B.V.)
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
</ul> </ul>
</dl>
</section>
</body> </body>
</html> </html>

View file

@ -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/

View file

@ -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>
&mdash;
<a href="http://www.inkscape.org/">http://www.inkscape.org/</a>
</li>
<li> <cite>Karbon</cite>
&mdash;
<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)
&mdash; &mdash;
<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)
&mdash; &mdash;
<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>
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
<li> <cite>Sketch</cite>
(Sketch B.V.)
&mdash;
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
</li>
</ul> </ul>
</dl>
</section>
</body> </body>
</html> </html>