看了老師的代碼,關于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