charset="utf-8">
arcto()畫圓角矩形title>
body
#canvas
style>
head>
id="canvas"
width="1000"
height="600">
canvas>
body>
var canvas = document.getelementbyid('canvas'),
context = canvas.getcontext('2d');
//初始化
drawgrid('lightgray',10,10);
drawroundedrect('blue','yellow',50,40,100,100,10); //以左上角為起點繪製
drawroundedrect('purple','green',275,40,-100,100,20);//以右上角為起點繪製
drawroundedrect('red','white',300,140,100,-100,30);//以左下角為起點繪製
drawroundedrect('white','blue',525,140,-100,-100,40);//以右下角溈起點繪製
//畫圓角矩形
//引數：描邊顏色，填充顏色，矩形一角的點(左上角，或者右上角)，矩形寬，矩形高，圓弧角度
function
drawroundedrect
(strokestyle,fillstyle,cornerx,cornery,width,height,cornerradius)
//圓角矩形
function
roundedrect
(cornerx,cornery,width,height,cornerradius)else
context.arcto(cornerx+width,cornery,cornerx+width,cornery+height,cornerradius); //以width為正來看，為右上角
context.arcto(cornerx+width,cornery+height,cornerx,cornery+height,cornerradius);//為右下角
context.arcto(cornerx,cornery+height,cornerx,cornery,cornerradius);//為左下角
if(width>0)else
}//畫網格線
function
drawgrid
(color,stepx,stepy)
for(var i=stepy+0.5;i0,i);
context.lineto(context.canvas.width,i);
context.stroke();
}context.restore();
}script>
html>
293 翻轉遊戲
你和朋友玩乙個叫做 翻轉遊戲 的遊戲，遊戲規則 給定乙個只有 和 的字串。你和朋友輪流將 連續 的兩個 反轉成 當一方無法進行有效的翻轉時便意味著遊戲結束，則另一方獲勝。請你寫出乙個函式，來計算出第一次翻轉後，字串所有的可能狀態。示例 輸入 s 輸出 1.字串操作 class solution ve...
android中path的arcTo方法的使用
該方法的宣告為 void android.graphics.path arcto rectf oval,float startangle,float sweepangle 該方法是畫乙個弧線的路徑.第乙個引數是乙個rectf型別.這個引數是幹嘛的呢？先說一下，這個弧線是怎麼來的？是先畫乙個橢圓，然後...
android中path的arcTo方法的使用
該方法的宣告為 void android.graphics.path.arcto rectfoval,float startangle,float sweepangle 該方法是畫乙個弧線的路徑.第乙個引數是乙個rectf型別.這個引數是幹嘛的呢？先說一下，這個弧線是怎麼來的？是先畫乙個橢圓，然後再...