From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/bg/web/svg/index.html | 102 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 102 insertions(+) create mode 100644 files/bg/web/svg/index.html (limited to 'files/bg/web/svg/index.html') diff --git a/files/bg/web/svg/index.html b/files/bg/web/svg/index.html new file mode 100644 index 0000000000..600733626f --- /dev/null +++ b/files/bg/web/svg/index.html @@ -0,0 +1,102 @@ +--- +title: 'SVG: Scalable Vector Graphics' +slug: Web/SVG +tags: + - 2D Graphics + - Graphics + - Icons + - Images + - NeedsTranslation + - Reference + - Responsive Design + - SVG + - Scalable Graphics + - Scalable Images + - TopicStub + - Vector Graphics + - Web + - 'l10n:priority' +translation_of: Web/SVG +--- +
{{SVGRef}}
+ +
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 based  vector graphics. SVG is essentially to graphics what HTML is to text.

+ +

SVG is a text-based open Web standard. It is explicitly designed to work with other web standards such as CSS, DOM, and SMIL.

+ +

SVG images and their related behaviors are defined in XML text files which means they can be searched, indexed, scripted and compressed. Additionally this means they can be created and edited with any text editor and with drawing software. 

+ +

SVG is an open standard developed by the World Wide Web consortium(W3C) since 1999.

+ +
+
+

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