首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Canvas入门范例08:三次方贝塞尔曲线

2012-09-08 
Canvas入门实例08:三次方贝塞尔曲线本文示例三次方贝塞尔曲线的画法。方法如下:形成过程:??来实际画一下吧:

Canvas入门实例08:三次方贝塞尔曲线

本文示例三次方贝塞尔曲线的画法。

方法如下:

形成过程:

??Canvas入门范例08:三次方贝塞尔曲线

来实际画一下吧:

最后,综合两种曲线的画法,我们来牛刀小试一下:

??Canvas入门范例08:三次方贝塞尔曲线

function drawScreen(){        var context = theCanvas.getContext('2d');                context.beginPath();        context.moveTo(170,0);        context.bezierCurveTo(0,125,300,175,130,300);        context.moveTo(250,0);        context.lineTo(250,300);        context.quadraticCurveTo(400,180,250,130);        context.quadraticCurveTo(400,60,250,0);        context.stroke();                context.closePath();}
?

?

?

热点排行