SVG 编辑

准备开始吧!
这篇教程会帮助你开始使用 SVG。

可缩放矢量图形Scalable Vector Graphics,SVG),是一种用于描述二维的矢量图形,基于 XML 的标记语言。作为一个基于文本的开放网络标准,SVG能够优雅而简洁地渲染不同大小的图形,并和CSSDOMJavaScriptSMIL等其他网络标准无缝衔接。本质上,SVG 相对于图像,就好比 HTML 相对于文本。

SVG 图像及其相关行为被定义于 XML 文本文件之中,这意味着可以对它们进行搜索、索引、编写脚本以及压缩。此外,这也意味着可以使用任何文本编辑器和绘图软件来创建和编辑它们。

和传统的点阵图像模式,像JPEGPNG不同,SVG格式提供的是矢量图,这意味着它的图像能够被无限放大而不失真或降低质量,并且可以方便地修改内容。

SVG 是由万维网联盟(W3C)自 1999 年开始开发的开放标准。

文档

SVG 元素参考
了解所有 SVG 元素的细节。
SVG 属性参考
了解所有 SVG 属性的细节.
SVG DOM 接口参考
了解有关 SVG DOM API 的全部细节。
在 HTML 内容中应用 SVG 效果
SVG与 HTMLCSSJavaScript一起工作,使用 SVG 增强常规 HTML 页面和web 应用
SVG 与 Mozilla
SVG 在 Mozilla 产品中的实现情况.

社区

工具

动画与交互

        正如 HTML 一样,SVG 也有可被 JavaScript 访问的文档对象模型(DOM)和事件。这允许开发者创建丰富的动画和可交互的图像。

地图、图表、游戏以及3D体验

        少许的 SVG 即可极大地丰富网页内容,下面是一些大量使用 SVG 的范例。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:296 次

字数:7032

最后编辑:7 年前

编辑次数:0 次

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文