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
|
|
@ -5,59 +5,161 @@
|
|||
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 { 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>
|
||||
バージョン 0.9.28<br/>
|
||||
SVG Documentation </h1>
|
||||
|
||||
<!-- Title -->
|
||||
<section class="outer">
|
||||
<header>
|
||||
<center>
|
||||
<h1>
|
||||
<img src="../../html/images/tuxpaint-title.png"
|
||||
width="205"
|
||||
height="210"
|
||||
alt="Tux Paint"><br>
|
||||
バージョン 0.9.28<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>
|
||||
2022年1月20日 </p>
|
||||
</center>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
<section class="indent">
|
||||
<header>
|
||||
<h1>About SVGs</h1>
|
||||
</header>
|
||||
|
||||
<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>
|
||||
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>
|
||||
2022年1月20日 </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>About SVGs</h2>
|
||||
|
||||
<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>
|
||||
|
||||
<h2>How to make 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. </p>
|
||||
|
||||
<p>
|
||||
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>
|
||||
|
||||
<h2>Mac and Windows users</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