Sync: Style, update, add more apps to SVG docs
This commit is contained in:
Bill Kendrick
parent
084adab616
commit
f6c549b3b4
10 changed files with 787 additions and 270 deletions
|
|
@ -5,59 +5,161 @@
|
|||
Documentation sur SVG pour Tux Paint </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 { 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>
|
||||
<body bgcolor="#FFFFFF"
|
||||
text="#000000"
|
||||
link="#0000FF"
|
||||
vlink="#FF0000"
|
||||
alink="#FF00FF">
|
||||
<center>
|
||||
<h1>
|
||||
<img src="../../html/images/tuxpaint-title.png"
|
||||
width="205"
|
||||
height="210"
|
||||
alt="Tux Paint"><br>
|
||||
version 0.9.28<br/>
|
||||
Documentation sur SVG </h1>
|
||||
|
||||
<!-- Title -->
|
||||
<section class="outer">
|
||||
<header>
|
||||
<center>
|
||||
<h1>
|
||||
<img src="../../html/images/tuxpaint-title.png"
|
||||
width="205"
|
||||
height="210"
|
||||
alt="Tux Paint"><br>
|
||||
version 0.9.28<br/>
|
||||
Documentation sur SVG </h1>
|
||||
|
||||
<p>
|
||||
Copyright © 2007-2022 by divers contributeurs; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
||||
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
janvier 20, 2022 </p>
|
||||
</center>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
<section class="indent">
|
||||
<header>
|
||||
<h1>À propos de SVG</h1>
|
||||
</header>
|
||||
|
||||
<p>
|
||||
Copyright © 2007-2022 by divers contributeurs; see <a href="../../AUTHORS.txt">AUTHORS.txt</a>.<br>
|
||||
<a href="https://tuxpaint.org/">https://tuxpaint.org/</a>
|
||||
</p>
|
||||
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>
|
||||
Pour plus d'informations, voir : <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||
</section>
|
||||
|
||||
<section class="indent">
|
||||
<header>
|
||||
<h1>Comment fabriquer des SVG</h1>
|
||||
</header>
|
||||
|
||||
<p>
|
||||
janvier 20, 2022 </p>
|
||||
</center>
|
||||
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>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2>À propos de SVG</h2>
|
||||
|
||||
<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>
|
||||
Pour plus d'informations, voir : <a href="https://www.w3.org/Graphics/SVG/">https://www.w3.org/Graphics/SVG/</a> </p>
|
||||
|
||||
<h2>Comment fabriquer des SVG</h2>
|
||||
|
||||
<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>
|
||||
|
||||
<p>
|
||||
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>
|
||||
|
||||
<h2>Utilisateurs de Mac et Windows</h2>
|
||||
<ul>
|
||||
<li> <cite>CorelDRAW</cite>
|
||||
(Corel)
|
||||
—
|
||||
<a href="http://www.corel.com/">http://www.corel.com/</a>
|
||||
<li> <cite>Illustrator</cite>
|
||||
(Adobe)
|
||||
—
|
||||
<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>
|
||||
</ul>
|
||||
</li>
|
||||
<li> <cite>Boxy SVG</cite>
|
||||
—
|
||||
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||
</li>
|
||||
<li> <cite>Sketch</cite>
|
||||
(Sketch B.V.)
|
||||
—
|
||||
<a href="https://boxy-svg.com/">https://boxy-svg.com/</a>
|
||||
</li>
|
||||
</ul>
|
||||
</dl>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue