2016年8月13日
[ html canvas 绘制曲线三种方法 ] canvas绘图 绘制曲线三种方法属性实例演示
1 2 3 4 Insert you title 5 6 7 8 9 10 23 89 90 91 您的浏览器版本过低,请升级您的浏览器... 92 93 Read More
posted @ 2016-08-13 21:21 窗棂 Views(4118) Comments(0) Diggs(0) Edit
context.quadraticCurveTo() context.bezierCurveTo()详解
使用quadraticCurveTo()描绘2维的贝塞尔曲线，之前的坐标点与当前坐标点之间以2维贝塞尔曲线连接。参数cpx与cpy表示贝塞尔曲线的控制点坐标，参数x，y为新追加的坐标点，指定的坐标点都以canvas元素的左上端为基准点。 什么是贝塞尔曲线 所谓的贝塞尔就是根据控制点算出的曲线，当需要 Read More
posted @ 2016-08-13 20:52 窗棂 Views(1558) Comments(0) Diggs(0) Edit
[ html canvas bezierCurveTo ] canvas绘图 bezierCurveTo ()属性研究实例演示
前面的文章我已经讲了3种在canvas中画曲线的方法：arc,arcTo以及quadraticCurveTo.他们都有一个共同点，就是他们画的曲线都只能偏向一边，今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点，即可以画出S形的曲线了。 bezierCurveTo，也就是所谓的贝 Read More
posted @ 2016-08-13 20:46 窗棂 Views(339) Comments(0) Diggs(0) Edit
[ html canvas quadraticCurveTo ] canvas绘图quadraticCurveTo()属性研究实例演示
说实话这个方法有点吓人，单从函数名称上都可以初体验。话说，我觉得有必要把这个函数名缩短。 quadratic的意思是二次，即数学中二次元方程那个二次。而ctx.quadraticCurveTo的参数如下： 其中x,y是终点的坐标，而x1,y1是曲线控制点的坐标？什么？你问我起点在哪里？起点在此之前用 Read More
posted @ 2016-08-13 19:22 窗棂 Views(219) Comments(0) Diggs(0) Edit
[ html canvas arcTo ] canvas绘图 arcTo()属性研究实例演示
arc与arcTo，从名字都能看出来相似。arcTo也是画曲线的方法，而且他画出的曲线也是正圆的一段弧线。但他的参数和arc简直是不共戴天~ arcTo的参数中包括两个点，而且这两个点中并没有表示圆心的点，仅仅最后的参数是圆的半径，表示arcTo和圆有那么点关系。 网上关于arcTo的文章很少，好不 Read More
posted @ 2016-08-13 18:25 窗棂 Views(204) Comments(0) Diggs(0) Edit