From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- files/vi/web/svg/index.html | 94 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100644 files/vi/web/svg/index.html (limited to 'files/vi/web/svg/index.html') diff --git a/files/vi/web/svg/index.html b/files/vi/web/svg/index.html new file mode 100644 index 0000000000..b342e1ceb9 --- /dev/null +++ b/files/vi/web/svg/index.html @@ -0,0 +1,94 @@ +--- +title: SVG +slug: Web/SVG +tags: + - 2D Graphics + - Graphics + - NeedsTranslation + - Reference + - SVG + - TopicStub + - Web + - 'l10n:priority' +translation_of: Web/SVG +--- +
Getting Started
+This tutorial will help get you started using SVG.
+ +

Scalable Vector Graphics (SVG) is an XML-based markup language for describing two-dimensional vector graphics. SVG is essentially to graphics what HTML is to text.

+ +

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 CSS, DOM, and SMIL.

+ +
+
+

Documentation

+ +
+
SVG element reference
+
Details about each SVG element.
+
SVG attribute reference
+
Details about each SVG attribute.
+
SVG DOM interface reference
+
Details about the SVG DOM API, for interaction with JavaScript.
+
Applying SVG effects to HTML content
+
SVG works together with {{Glossary("HTML")}}, {{Glossary("CSS")}} and {{Glossary("JavaScript")}}. Use SVG to enhance a regular HTML page or web application.
+
+ +

View All...

+ +

Community

+ +
    +
  • View Mozilla forums... {{DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg")}}
    • +
+ +

Tools

+ + +
+ +
+ + + + +

Animation and interactions

+ +

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.

+ + + +

Mapping, charting, games & 3D experiments

+ +

While a little SVG can go a long way to enhanced web content, here are some examples of heavy SVG usage.

+ + +
+
-- cgit v1.2.3-54-g00ecf