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,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 &copy; 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 &copy; 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>
&mdash;
<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> &mdash;
<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>
&mdash; (Corel)
<a href="http://www.corel.com/">http://www.corel.com/</a> &mdash;
<li> <cite>Illustrator</cite> <a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
(Adobe) </li>
&mdash; <li> <cite>Illustrator</cite>
(Adobe)
&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>
</ul> </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>
</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,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&oacute;n 0.9.28<br/> <img src="../../html/images/tuxpaint-title.png"
SVG Documentation </h1> width="205"
height="210"
alt="Tux Paint"><br>
versi&oacute;n 0.9.28<br/>
SVG Documentation </h1>
<p>
Copyright &copy; 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 &copy; 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>
&mdash;
<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> &mdash;
<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>
&mdash; (Corel)
<a href="http://www.corel.com/">http://www.corel.com/</a> &mdash;
<li> <cite>Illustrator</cite> <a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
(Adobe) </li>
&mdash; <li> <cite>Illustrator</cite>
(Adobe)
&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>
</ul> </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>
</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,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 &copy; 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 &copy; 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>
&mdash;
<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> &mdash;
<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>
&mdash; (Corel)
<a href="http://www.corel.com/">http://www.corel.com/</a> &mdash;
<li> <cite>Illustrator</cite> <a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
(Adobe) </li>
&mdash; <li> <cite>Illustrator</cite>
(Adobe)
&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>
</ul> </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>
</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,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 &copy; 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 &copy; 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>
&mdash;
<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> &mdash;
<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>
&mdash; (Corel)
<a href="http://www.corel.com/">http://www.corel.com/</a> &mdash;
<li> <cite>Illustrator</cite> <a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
(Adobe) </li>
&mdash; <li> <cite>Illustrator</cite>
(Adobe)
&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>
</ul> </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>
</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,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 &copy; 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 &copy; 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>
&mdash;
<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> &mdash;
<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>
&mdash; (Corel)
<a href="http://www.corel.com/">http://www.corel.com/</a> &mdash;
<li> <cite>Illustrator</cite> <a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
(Adobe) </li>
&mdash; <li> <cite>Illustrator</cite>
(Adobe)
&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>
</ul> </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>
</dl>
</section>
</body> </body>
</html> </html>