本教程仅作为对SVG特征和函数功能的一般性看法和介绍,通过本教程将对你在SVG方面潜在发展提供帮助。本SVG教程所有图片基本上都是用Adobe Illustrator 9.0完成的。许多图例结合了一些简单的javascript程式,读者可以进一步研究和探索这些程式的应用。
来源:啄木鸟Pythonic开源社区 1 准备
本系统教程结合了SVG实例演示文件,如果你需要正常预览到文章中的SVG实例必须安装SVG插件或者使用完全支持W3C标准的浏览器。关于SVG浏览支持可以看SVG浏览器(Adobe SVG Viewer)指南这篇文章,
2 简介
这里发布的教程仅作为对SVG特征和函数功能的一般性看法和介绍。目的是提供足够的信息以使你作为一位SVG创作者,通过本教程你能够对SVG这种格式的潜在发展性有一个基本的了解。另外, 这些文章也可以使你激发创作灵感来完成自己的SVG作品。 本教程的所有图片基本上都是用Adobe Illustrator 9.0完成的。许多图例结合了一些简单的javascript程式,读者可以进一步研究和探索这些程式的应用。注意:苹果机使用的Internet Explorer并不支持javascript插件,这是IE浏览器的局限性,不是Adobe SVG浏览器的缘故。因而,苹果机IE5.0使用者不能完全浏览教程中使用javascript的图例。建议使用Netscape来阅读本教程。请察看问题和解答。
本教程被分为了四部分
第一部分:称为"从Ilustrator起步",简单的解释了Illustrator新的SVG输出功能;
第二部分:"SVG基础",包含了基础的图解和SVG显示功能的展示;
第三部分:"动态SVG",包含了各式动画和SVG的相互作用关系;
第四部分:各类应用主题和后续工作。
3 SVG中文教程指南目录
第一部分:蓝骑士的Illustrator SVG中文教程指南
第二部分:蓝骑士SVG教程:SVG从Illustrator起步
- 第一课 输出SVG和SVGZ格式
- 第二课 为SVG构造字体子集
- 第三课 Illustrator中SVG植入字体的定位
- 第四课 Illustrator中SVG图像栅格定位
- 第五课 Illustrator中SVG的进制选择
- 第六课 Illustrator中SVG编码的选择
- 第七课 Illustrator中SVG样式表(CSS)属性定位
第三部分:蓝骑士SVG教程:SVG基础
- 第一课 开始
- 第二课 SVG图像容器
- 第三课 SVG Path路径与图形
- 第四课 SVG文本(text)
- 第五课 SVG样式表(CSS)
- 第六课 SVG填充(fill)
- 第七课 SVG笔划(stroke)
- 第八课 SVG梯度(Gradients)
- 第九课 SVG滤镜
- 第十课 SVG和当前的标准网络图像(JPEG,GIF,PNG)
- 第十一课 SVG支持ICC色彩模式
- 第十二课 SVG打印
第四部分:蓝骑士SVG教程:SVG动态与动画
第五部分:蓝骑士SVG教程:SVG后续工作
4 如何正确浏览教程
为了你浏览的方便后几部分的内容结构化划分了。你可以依次阅读教程,也可以在上边的导航区域快速跳转到你所需要的部分。
开始教程"蓝骑士SVG教程:SVG从Illustrator起步",祝你愉快!
(THE END)