diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
| commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
| tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/zh-cn/glossary/svg | |
| parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
| download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip | |
initial commit
Diffstat (limited to 'files/zh-cn/glossary/svg')
| -rw-r--r-- | files/zh-cn/glossary/svg/index.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/files/zh-cn/glossary/svg/index.html b/files/zh-cn/glossary/svg/index.html new file mode 100644 index 0000000000..b57f8c468e --- /dev/null +++ b/files/zh-cn/glossary/svg/index.html @@ -0,0 +1,40 @@ +--- +title: SVG +slug: Glossary/SVG +tags: + - SVG + - 初学者 + - 图像 + - 术语 +translation_of: Glossary/SVG +--- +<p>可缩放矢量图形 (<strong>SVG</strong>) 是一个基于 {{Glossary("XML")}} 语法的 2D 矢量图形格式。</p> + +<p>{{Glossary("W3C")}} 于20世纪90年代末开始着手 SVG 的工作，但是当 {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9 推出 SVG 支持时，SVG 才变得流行起来。现在所有主流 {{Glossary("browser","browsers")}} 都支持 SVG。</p> + +<p>基于 {{Glossary("XML")}} 语法，您可以使用 {{Glossary("CSS")}} 指定 SVG 的样式，并使用 {{Glossary("JavaScript")}} 进行交互。 HTML5 现在允许将 SVG {{Glossary("Tag","tags")}} 直接嵌入到 {{Glossary("HTML")}} 文档中。</p> + +<p>作为一种<a href="https://en.wikipedia.org/wiki/Vector_graphics">矢量图像格式</a>，SVG 图形可以无限地扩展，这使其在 {{Glossary("responsive design")}} 中非常有用，因为您可以创建可缩放到任意屏幕大小的界面元素和图形。SVG 还提供了一组有用的工具，例如裁剪，遮罩，过滤器和动画。</p> + +<p> </p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "SVG")}}</li> +</ul> + +<h3 id="学习_SVG">学习 SVG</h3> + +<ul> + <li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org's SVG Primer</a></li> +</ul> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li><a href="/en-US/docs/Web/SVG">SVG documentation on MDN</a></li> + <li><a href="http://www.w3.org/TR/SVG/" rel="external">Latest SVG specification</a></li> +</ul> |