css画贝塞尔曲线,

　　查看效果：http://可乐依。com/keleyi/phtml/html 5/7。html文件的后缀

　　完整代码：复制代码代码如下：

　　！DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-过渡。 DTD

　　html xmlns= http://。w3。 org/1999/XHTML

　　头

　　标题用html5的帆布画布绘制贝塞尔曲线/标题

　　/头

　　身体

　　差异

　　克莱依。com/a/bjac/j77m 9131。htm target= _ blank 原文/a/div

　　canvas id= keleyi _ com height= 300 width= 400 /canvas

　　脚本类型=文本/javascript

　　功能图(身份证)

　　{

　　var canvas=文档。getelementbyid(id)；

　　if(canvas==null)

　　返回错误的

　　var context=画布。获取上下文(“2d”)；

　　context.fillStyle= # eeeeff

　　context.fillRect(0，0，400，300)；

　　var n=0；

　　var dx=150

　　var dy=150

　　var s=100

　　语境。begin path()；

　　语境。globalcompositeoperation= and ；

　　context.fillStyle=rgb(100，255，100)；

　　context.strokeStyle=rgb(0，0，100)；

　　var x=数学。罪(0)；

　　var y=数学。cos(0)；

　　var dig=数学/15 * 11；

　　for(var I=0；i30我)

　　{

　　var x=数学。罪(我*挖)；

　　var y=数学。cos(我*挖)；

　　context.bezierCurveTo(dx x*s，dy y*s-100，dx x*s 100，dy y*s，dx x*s，dy y * s)；

　　}

　　语境。关闭路径()；

　　语境。fill()；

　　语境。笔画()；

　　}

　　draw( keleyi _ com )；

　　/脚本

　　/body

　　/html

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。