Geometric paths,mini language

本文深入解析SVG路径命令,包括M、L、H、V、C、Q、S、T、A、Z等,详细解释了每个命令的功能、参数及其应用场景,并提供了实例演示。

moveCommand

 M startpoint absolute value

 m startpoint  offset to previous point

 

drawCommand

 L,l endPoint  create a straight line

 H,h x  create a horizontal line

 V,v y create a verizontal line

 

 C,c controlPoint1 controlPoint2 endpoint

     cubic Bezier curve

 Q,q controlPoint endPoint

     quadratic Bezier curve

 S,s controlPoint2 endPoint

      smooth cubic Bezier curve

 T,t controlPoint endPoint

     smooth quadratic Bezier curve

 A,a size(x-radius,y-radius) rotationAngle isLargeArcFlag sweepDirectionFlag endPoint

   creates a elliptical arc

 

CloseCommand

 z close point

 

 

 

转载于:https://www.cnblogs.com/fenix/archive/2012/11/15/2771444.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值