diff options
author | Ryan Johnson <rjohnson@mozilla.com> | 2021-04-29 16:16:42 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-29 16:16:42 -0700 |
commit | 95aca4b4d8fa62815d4bd412fff1a364f842814a (patch) | |
tree | 5e57661720fe9058d5c7db637e764800b50f9060 /files/vi/web/svg/index.html | |
parent | ee3b1c87e3c8e72ca130943eed260ad642246581 (diff) | |
download | translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2 translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip |
remove retired locales (#699)
Diffstat (limited to 'files/vi/web/svg/index.html')
-rw-r--r-- | files/vi/web/svg/index.html | 94 |
1 files changed, 0 insertions, 94 deletions
diff --git a/files/vi/web/svg/index.html b/files/vi/web/svg/index.html deleted file mode 100644 index b342e1ceb9..0000000000 --- a/files/vi/web/svg/index.html +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: SVG -slug: Web/SVG -tags: - - 2D Graphics - - Graphics - - NeedsTranslation - - Reference - - SVG - - TopicStub - - Web - - 'l10n:priority' -translation_of: Web/SVG ---- -<div class="callout-box"><strong><a href="/en-US/docs/SVG/Tutorial">Getting Started</a></strong><br> -This tutorial will help get you started using SVG.</div> - -<p><span class="seoSummary"><strong>Scalable Vector Graphics (SVG)</strong> is an <a href="/en-US/docs/XML">XML</a>-based markup language for describing two-dimensional <a class="external" href="https://en.wikipedia.org/wiki/Vector_graphics">vector graphics</a>.</span> SVG is essentially to graphics what <a href="/en-US/docs/Web/HTML">HTML</a> is to text.</p> - -<p>SVG is similar to Adobe's proprietary Flash technology, but it is a text-based open Web standard instead of a closed binary format. It is explicitly designed to work with other web standards such as <a href="/en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/DOM">DOM</a>, and <a href="/en-US/docs/Web/SVG/SVG_animation_with_SMIL">SMIL</a>.</p> - -<div class="cleared row topicpage-table"> -<div class="section"> -<h2 class="Documentation" id="Documentation">Documentation</h2> - -<dl> - <dt><a href="/en-US/docs/Web/SVG/Element">SVG element reference</a></dt> - <dd>Details about each SVG element.</dd> - <dt><a href="/en-US/docs/Web/SVG/Attribute">SVG attribute reference</a></dt> - <dd>Details about each SVG attribute.</dd> - <dt><a href="/en-US/docs/DOM/DOM_Reference#SVG_interfaces">SVG DOM interface reference</a></dt> - <dd>Details about the SVG DOM API, for interaction with JavaScript.</dd> - <dt><a href="/en-US/docs/Web/SVG/Applying_SVG_effects_to_HTML_content">Applying SVG effects to HTML content</a></dt> - <dd>SVG works together with {{Glossary("HTML")}}, {{Glossary("CSS")}} and {{Glossary("JavaScript")}}. Use SVG to <a href="/en-US/docs/SVG_In_HTML_Introduction">enhance a regular HTML page or web application</a>.</dd> -</dl> - -<p><span class="alllinks"><a href="/en-US/docs/tag/SVG">View All...</a></span></p> - -<h2 class="Community" id="Community">Community</h2> - -<ul> - <li>View Mozilla forums... {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}</li> -</ul> - -<h2 class="Tools" id="Tools">Tools</h2> - -<ul> - <li><a href="http://www.w3.org/Graphics/SVG/Test/">SVG Test Suite</a></li> - <li><a href="http://jiggles.w3.org/svgvalidator/">SVG Validator</a> (Discontinued)</li> - <li><a href="/en-US/docs/tag/SVG:Tools">More Tools...</a></li> - <li>Other resources: <a href="/en-US/docs/XML">XML</a>, <a href="/en-US/docs/CSS">CSS</a>, <a href="/en-US/docs/DOM">DOM</a>, <a href="/en-US/docs/HTML/Canvas">Canvas</a></li> -</ul> -</div> - -<div class="section"> -<h2 class="Related_Topics" id="Examples">Examples</h2> - -<ul> - <li>Google <a href="http://maps.google.com">Maps</a> (route overlay) & <a href="http://docs.google.com">Docs</a> (spreadsheet charting)</li> - <li><a href="http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml">SVG bubble menus</a></li> - <li><a href="http://jwatt.org/svg/authoring/">SVG authoring guidelines</a></li> - <li>An overview of the <a href="/en-US/docs/Mozilla_SVG_Project">Mozilla SVG Project</a></li> - <li><a href="/en-US/docs/SVG/FAQ">Frequently asked questions</a> regarding SVG and Mozilla</li> - <li><a href="/en-US/docs/SVG/SVG_as_an_Image">SVG as an image</a></li> - <li><a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SVG animation with SMIL</a></li> - <li><a href="http://plurib.us/1shot/2007/svg_gallery/">SVG art gallery</a></li> - <li>More samples (<a href="http://www.carto.net/papers/svg/samples/">carto.net</a>)</li> -</ul> - -<h3 id="Animation_and_interactions">Animation and interactions</h3> - -<p>Like HTML, SVG has a document model (DOM) and events, and is accessible from JavaScript. This allows developers to create rich animations and interactive images.</p> - -<ul> - <li>Some real eye-candy SVG at <a href="http://svg-wow.org/">svg-wow.org</a></li> - <li>Firefox extension (<a href="http://schepers.cc/grafox/">Grafox</a>) to add a subset of {{Glossary("SMIL")}} animation support</li> - <li>Interactive <a href="http://people.mozilla.com/~vladimir/demos/photos.svg">photos</a> manipulation</li> - <li><a href="http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/">HTML transformations</a> using SVG's <code>foreignObject</code></li> -</ul> - -<h3 id="Mapping_charting_games_3D_experiments">Mapping, charting, games & 3D experiments</h3> - -<p>While a little SVG can go a long way to enhanced web content, here are some examples of heavy SVG usage.</p> - -<ul> - <li><a href="http://www.codedread.com/yastframe.php">Tetris</a></li> - <li><a href="https://web.archive.org/web/20131019072450/http://www.treebuilder.de/svg/connect4.svg" title="Archive link provided because source now requires authentication.">Connect 4</a></li> - <li><a href="http://www.carto.net/papers/svg/us_population/index.html">US population map</a></li> - <li><a href="http://www.treebuilder.de/default.asp?file=441875.xml">3D box</a> & <a href="http://www.treebuilder.de/default.asp?file=206524.xml">3D boxes</a></li> - <li><a href="http://jvectormap.com/">jVectorMap</a> (interactive maps for data visualization)</li> - <li><a href="http://jointjs.com">JointJS</a> (JavaScript diagramming library)</li> -</ul> -</div> -</div> |