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