一、绘制图形1、svg矢量图绘制模式2、控件生成图像法-效率低，灵活性差html5实现上述功能：<canvas width="" height=""></canvas>二、具体...
一、绘制图形
1、svg矢量图绘制模式
2、控件生成图像法-效率低，灵活性差
html5实现上述功能：
<canvas width="" height=""></canvas>
二、具体填充内容使用js实现步骤
1、获得canvas对象
2、获得2d绘制上下文对象
3、指定填充的区域，模式，效果
三、paths
-context.beginPath();开始绘制
-context.moveTo(300,700);移动至某点
-contest.lineTo(600,100);连接到
-context.stroke();实现绘制
绘制抛物线：
（直角坐标、极坐标-参数不同）
context.quadraticCurveTo()
贝塞尔曲线：
context.bezierCurveTp()
利用画图工具可做圆角
叠加效果：
true/false-显示背景色（待实践）
学员评论
千与千2015-08-06
alexfaye2014-12-15
html1682014-12-08
haoMr2014-06-05
Amasun2013-04-21
薇薇安2012-12-19
你感兴趣的课程
扫一扫 关注好知微信