canvas实例应用100+
专栏提供canvas的基础知识,高级动画,相关应用扩展等信息。
canvas作为html的一部分,是图像图标地图可视化的一个重要的基础,学好了canvas,在其他的一些应用上将会起到非常重要的帮助。
贝塞尔曲线除了可以用在设计中划出平滑的流线型曲线外,可以可以用于动画中制作平滑的动画效果.Canvas 提供了方法
bezierCurveTo()
用来绘制三次贝塞尔曲线.
ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
;
方法需要三个点。 第一、第二个点是控制点,第三个点是结束点
起始点是当前路径的最后一个点,绘制贝赛尔曲线前,可以通过调用 moveTo() 进行修改
bezierCurveTo()参数说明
cp1x 第一个控制点的 x 轴坐标
cp1y 第一个控制点的 y 轴坐标
cp2x 第二个控制点的 x 轴坐标
cp2y 第二个控制点的 y 轴坐标
x 结束点的 x 轴坐标
y 结束点的 y 轴坐标
bezierC