svg基础 结束

结束语

  • 可伸缩向量图形概述


  可伸缩向量图形(SVG)图像是一种使用基于 XML 的文本信息创建图像的方法。这些图像可以由简单的形状(如矩形、圆)或用数学方法指定的更复杂的路径组成。然后可以将这些图像嵌入在 Web 页面中,SVG 查看器可以在那里解释它们。

  可以通过滤镜操纵属于 SVG 图像一部分的对象,以允许复杂的成像效果并且为动态创建的图形和动画提供基础。

  本教程对 SVG 作了介绍,包括以下内容:

* 创建基本文档
* 形状
* 路径
* 文本处理
* 样式
* 颜色
* 图案
* 动画和脚本编制(简短介绍)

  • 参考资料


  可伸缩向量图形提供了如此之多的功能,因此要在一个教程中全部介绍它们是不可能的。有关 SVG 及相关主题的更多信息,请参阅以下参考资料:

  要理解 XML 如何工作,请查看 developerWorks 教程 Introduction to XML。
有关 SVG 功能和属性的完整列表,请参阅万维网联盟Scalable Vector Graphics 1.0 建议书
SVG 的好处之一是可以在不同平台(包括手持设备)上创建图像的能力。要了解用于这一方面可能的 SVG 子集,请在 Mobile SVG: SVGTiny and SVGBasic 中查看 W3C 对用于小型手持设备 SVG 版本的观点。
Doug Tidwell 在他的教程 Transforming XML into SVG 中讨论了如何从其它数据生成 SVG 图像,该教程是他对使用“可扩展样式表语言变换”来变换 XML 的研究的一部分。
新的 SVG 工具正迅速涌现。要了解到 2001 年 11 月为止 SVG 工具的情况,请参阅 Antoine Quint 的文章 SVG: Where Are We Now?
  有关 SVG 基础的另一个介绍,请参阅 J. David Eisenberg 撰写的 An Introduction to Scalable Vector Graphics
  Kip Hampton 在他的文章 Creating Scalable Vector Graphics with Perl 中研究了如何使用 CGI 生成 SVG 图像。
  试试能够轻松提供动态电子商务应用程序的新的 IBM WebSphere Studio 开发环境。
  Jackson West 撰写的 Real-world SVG 讨论了 SVG 使用中一些实践多于理论的方面。
  Adobe 在 SVG Zone 中收集了大量令人印象深刻的教程和样本。
  从 W3C 建议书获取认可的颜色关键字 ,那会为您节省一些时间。

 

  • 下载


  从 http://www.alphaworks.ibm.com/tech/svgview 下载 IBM 原型 SVGView。
  从 http://www.adobe.com/svg/viewer/install/main.html 下载 Adobe SVG Viewer(版本 3.0)。
  从 http://xml.apache.org/batik/index.html 下载 Apache 项目中的 Batik SVG 查看器和工具箱。
  从 http://www.svgfactory.com 下载 SVG 转换器。
  从 http://www.jasc.com/products/webdraw/wdrawdl.asp 下载 Jasc 的 WebDraw。

 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值