看了老师的代码,关于pathRoundRect这个函数其实没有必要这么复杂,可以这样改,只要四句话就好:(R:半径,vPI=Math.PI,width:宽,height:高)
g.arc(R, R, R, vPI, 1.5 * vPI);//左上角圆弧
g.arc(R + width, R, R, 1.5 * vPI, 2 * vPI);//右上角圆弧
g.arc(R + width, R + height, R, 0, 0.5 * vPI);//右下角圆弧
g.arc(R, R + height, R, 0.5 * vPI, 1 * vPI);//左下角圆弧
g.stroke();
g.arc(R, R, R, vPI, 1.5 * vPI);//左上角圆弧
g.arc(R + width, R, R, 1.5 * vPI, 2 * vPI);//右上角圆弧
g.arc(R + width, R + height, R, 0, 0.5 * vPI);//右下角圆弧
g.arc(R, R + height, R, 0.5 * vPI, 1 * vPI);//左下角圆弧
g.stroke();
2015-04-03
最新回答 / jjjzhenhui
canvas.width = 500;canvas.height = 500;canvas在设置宽高的时候并不需要加引号和px单位,并且不需要用var声明,请问这位猴子是不小心添加了吗?
最赞回答 / 锚机
//防止星星出了星空的边界 直接从随机值开始下手是最好处理的var option= { r : Math.random() * 10 + 10, rotate : Math.random() * 360 };option.x = Math.random() * (canvas.width - (option.r * 2)) + option.r;option.y = Math.random() * (canvas.height - (option.r * 2)) + option.r;
2015-03-28