167 lines
4.6 KiB
HTML
167 lines
4.6 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<title>
|
|
Tux Paint SVG Documentation </title>
|
|
<meta http-equiv="Content-Type"
|
|
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, h5 { 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; }
|
|
h5 { color: #808; 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; }
|
|
h5 + 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, p + ol {
|
|
margin-left: 2em;
|
|
}
|
|
|
|
@media print {
|
|
p {
|
|
orphans: 3;
|
|
widows: 3;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body bgcolor="#FFFFFF"
|
|
text="#000000"
|
|
link="#0000FF"
|
|
vlink="#FF0000"
|
|
alink="#FF00FF">
|
|
|
|
<!-- Title -->
|
|
<section class="outer">
|
|
<header>
|
|
<center>
|
|
<h1>
|
|
<img src="../../html/images/tuxpaint-title.png"
|
|
width="205"
|
|
height="210"
|
|
alt="Tux Paint"><br>
|
|
versión 0.9.29<br/>
|
|
SVG Documentation </h1>
|
|
|
|
<p>
|
|
Copyright © 2007-2022 by various contributors; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
|
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
|
</p>
|
|
|
|
<p>
|
|
junio 4, 2022 </p>
|
|
</center>
|
|
</header>
|
|
</section>
|
|
|
|
<section class="indent">
|
|
<header>
|
|
<h1>About SVGs</h1>
|
|
</header>
|
|
|
|
<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>
|
|
For more information, visit: <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
|
</section>
|
|
|
|
<section class="indent">
|
|
<header>
|
|
<h1>How to make SVGs</h1>
|
|
</header>
|
|
|
|
<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>
|
|
|
|
<dl>
|
|
<dt><strong>Open Source</strong></dt>
|
|
<dd>
|
|
<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>
|
|
<li> <cite>CorelDRAW</cite>
|
|
(Corel)
|
|
—
|
|
<a href="https://www.coreldraw.com/en/">https://www.coreldraw.com/en/</a>
|
|
</li>
|
|
<li> <cite>Illustrator</cite>
|
|
(Adobe)
|
|
—
|
|
<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>
|
|
</dl>
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|