-
通过设定四个状态绘制阴影查看全部
-
fillText与strokeText的效果对比查看全部
-
文字渲染基础。其中fillStyle对fillText是生效的。查看全部
-
贝塞尔三次曲线。x1/y1、x2/y2两个控制点查看全部
-
贝塞尔曲线及演示地址查看全部
-
贝塞尔曲线查看全部
-
ARCTo绘制弧线原理查看全部
-
几种填充对象查看全部
-
createPattern同样返回一个填充对象；其第一个参数可以是Image对象、canvas对象查看全部
-
创建线性渐变查看全部
-
变换矩阵对应的变换查看全部
-
<body> <canvas id="cvs" >不支持canvas</canvas> </body> <script> window.onload=function(){ var cvs=document.getElementById("cvs"); cvs.width=800; cvs.height=800; var context=cvs.getContext("2d"); context.lineWidth=10; drawStart(context,300,100,400,400,15); function drawStart(cxt,R,r,x,y,rot){ //cxt为canvas上下文环境变量，R为大圆半径，r为小圆半径，x和y为五角心中心坐标，rot为顺时针旋转的角度 cxt.beginPath(); for(var i=0;i<5;i++){ cxt.lineTo(Math.cos((18+i*72-rot)/180*Math.PI)*R+x, //把角度转成弧度才能用Math.cos -Math.sin((18+i*72-rot)/180*Math.PI)*R+y); cxt.lineTo(Math.cos((54+i*72-rot)/180*Math.PI)*r+x, -Math.sin((54+i*72-rot)/180*Math.PI)*r+y); } cxt.closePath(); cxt.stroke(); } } </script>查看全部
-
图形库查看全部
-
自己敲敲看看吧查看全部
-
shadowBlur对阴影绘制的影响的例子查看全部
举报
0/150
提交
取消