效果如下所示:
**分享:
canvas七巧板
var tangram = [
,,],color:'#caff67'},
,,],color:'#67becf'},
,,,],color:'#ef3d61'},
,,],color:'#f9f51a'},
,,,],color:'#a594c0'},
,,],color:'#fa8ecc'},
,,],color:'#f6ca29'}
// 定義乙個存放繪製路徑和顏色的陣列
window.οnlοad=function (){
var canvas=document.getelementbyid('canvas');
// 獲取canvas
canvas.width = 800;
canvas.height = 800;
// 定義畫布的寬高
var context=canvas.getcontext('2d');
// 建立畫布
for( var i=0; i
draw(tangram[i],context);
// 遍歷陣列tangram執行函式draw
// draw這個函式
function draw(piece,cxt){
cxt.beginpath();
// 開始路徑的建立
cxt.moveto( piece.p[0].x , piece.p[0].y );
// 從這個座標開始
for( var i=1; i
// 遍歷陣列中的p屬性
cxt.lineto(piece.p[i].x , piece.p[i].y);
// 畫路徑到這個座標
cxt.closepath();
// 關閉這條開啟的路徑
cxt.fillstyle = piece.color;
cxt.fill();
// 給繪製的形狀填充顏色
python七巧板 解決七巧板時出現記憶體錯誤
我正在嘗試解決以下問題 字謎是一種文字遊戲,其結果是重新排列單詞或短語的字母以產生乙個新單詞或短語,而所有原始字母恰好使用一次。例如,樂團 馬車。使用上的單詞列表,編寫乙個程式,以查詢共享相同字元且包含最多單詞的單詞集。即使只有1000位元組的檔案大小,它也會失敗。而且每次建立新列表時,python...
Android Canvas繪製七巧板
心血來潮,封裝了乙個繪製彩色多邊形的方法,並用這個方法繪製了乙個七巧板 感覺繪製華容道太簡單了 如下 public class canvaspuzzle extends view public canvaspuzzle context context,attributeset attrs publi...
Canvas學習記錄繪製七巧板 01
lang en charset utf 8 titletitle canvas style head canvas 您的瀏覽器不支援 html5 canvas 標籤,換個瀏覽器試試.canvas window.onload color fe665b color 03a697 color ec3c60...