读书人

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

发布时间: 2012-09-08 10:48:07 作者: rapoo

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();}
?

?

?

读书人网 >Web前端

热点推荐