svg path路线的画法_svg如何画路径【svg教程】
使用svg 的path标签画路径
path标签介绍:
path:画路径标签
d:path组成的坐标点
M = moveto 移动到某一点(开始点)
L = lineto 画线到某一点
H = horizontal lineto 水平 画线到某一点
V = vertical lineto 垂直 画线到某一点
C = curveto 曲线点
S = smooth curveto 平滑的曲线点
Q = quadratic Bezier curve 二次贝塞尔曲线
T = smooth quadratic Bezier curveto 平滑二次贝塞尔曲线
A = elliptical Arc 椭圆 弧形
Z = closepath 关闭路径
fill:填充颜色
stroke:边框颜色
stroke-width:边框宽带
fill-opacity:透明度
stroke-opacity:边框的透明度
svg画路径的简单代码实例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>svg path 路径的画法</title> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <path d="M150 0 L75 200 L225 200 Z" style="fill: #3283D4;"/> </svg> </body> </html>
path画路线的效果图:
来源://作者:admin/更新时间:2013-12-04
顶
踩
相关文章: