随笔分类 -  SVG

HTML5-SVG-路径（包括曲线） 文字
摘要：M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Bézier curve T = smooth quadratic Bézier 阅读全文
posted @ 2016-06-16 10:41 skyhap 阅读(1770) 评论(0) 推荐(0) 编辑
HTML5-SVG-矩形圆 椭圆 直线 多边形 多线
摘要：补充：<polyline points="20,20 30,30 40,20" style="fill:none;stroke:black;stroke-width:3" /> 连续多线 阅读全文
posted @ 2016-06-16 10:06 skyhap 阅读(417) 评论(0) 推荐(0) 编辑
HTML5-SVG-嵌入到html的几种方式
摘要：1.embed 2.object 3.iframe 4直接嵌入html 阅读全文
posted @ 2016-06-16 09:48 skyhap 阅读(2014) 评论(0) 推荐(0) 编辑
HTML5-SVG-图形内部填充fill-rule
摘要：nonzero 字面意思是“非零”。按该规则，要判断一个点是否在图形内，从该点作任意方向的一条射线，然后检测射线与图形路径的交点情况。从0开始计数，路径从左向右穿过射线则计数加1，从右向左穿过射线则计数减1。得出计数结果后，如果结果是0，则认为点在图形外部，否则认为在内部。下图演示了nonzero规 阅读全文
posted @ 2016-06-16 09:40 skyhap 阅读(2783) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示