SVG实战开发学习（三）——路径
2015-07-29 14:02
197 查看
【三种基本的绘图指令】
1、移动到当前点( MoveTo )和绘制直线（LineTo）
<path d=" M269 112, L217 163, L272 163, M257 149, L299 149, L249 200" fill="#ffffff" stroke="#000000" />
解析：
2、路径闭合（ClosePath）
该命令使用的是"z"或者"Z",放在路径的结尾。前面提到了，只有闭合的路径才能够被描边，因为这个时候计算机才能够识别出这个封闭的边界区域。
1、移动到当前点( MoveTo )和绘制直线（LineTo）
<path d=" M269 112, L217 163, L272 163, M257 149, L299 149, L249 200" fill="#ffffff" stroke="#000000" />
解析：
| 指令 | 实际绘制动作 |
| M269 112 | 抬笔移动到坐标（269,112） |
| L217 163 | 绘制直线到坐标（217,163） |
| L272 163 | 绘制直线到坐标（272,163） |
| M257 149 | 抬笔移动到坐标（257,149） |
| L299 149 | 绘制直线到坐标（299,149） |
| L249 200 | 绘制直线到坐标（249,200） |
该命令使用的是"z"或者"Z",放在路径的结尾。前面提到了，只有闭合的路径才能够被描边，因为这个时候计算机才能够识别出这个封闭的边界区域。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 27个提升效率的iOS开源库推荐
- Jconsole 监控linux下的tomcat
- Android Socket tcp/udp)
- 用URL传参带特殊字符，特殊字符丢失（encode）
- win10升级$Windows.~BT文件夹删掉了的解决办法
- Atom飞行手册翻译： 1.4 小结
- STD 2015 hdu5317 打表预处理
- 存储在图的形式——邻接列表
- 逻辑串说面向对象知识点
- apktool 反编译 Input file was not found or was not readable.问题解决方案
- Win10于北京时间7月29日中午12:00正式发布
- poj 2516 Minimum Cost
- 解题笔记（30）——找含单链表的环入口点(转网上某位高手的解法)
- 红黑树的理解说明（删除）
- Android中保存和恢复Fragment状态的最好方法
- Android中保存和恢复Fragment状态的最好方法 分类： Android 2015-07-29 13:59 103人阅读 评论(0) 收藏
- 黑马程序员——Java基础——异常体系
- Git 简单使用
- log4j日志输出性能优化-缓存、异步
- (三)OGG单向DDL复制操作