digit是那個組成數(shù)字的三維數(shù)組。在前面可以看到引入了兩個js文件,第一個就是有digit變量的文件,第二個是寫繪制邏輯的文件,在這里可以直接引入digit。
這里嵌套了三層循環(huán),第一層循環(huán)digit的每一個數(shù)字,第二層循環(huán)該數(shù)字的每一行,第三層循環(huán)最內(nèi)層每一行的每一位,如果是1就繪制圓圈。
這里嵌套了三層循環(huán),第一層循環(huán)digit的每一個數(shù)字,第二層循環(huán)該數(shù)字的每一行,第三層循環(huán)最內(nèi)層每一行的每一位,如果是1就繪制圓圈。
2017-01-29
你不減20是因?yàn)闉g覽器默認(rèn)右邊距 添加一條這個
<style> * {margin: 0;padding: 0;} </style>
<style> * {margin: 0;padding: 0;} </style>
2017-01-23
如果有學(xué)過硬件的同學(xué)(特別是顯示屏),所有字體都可以用軟件來生成這種點(diǎn)陣。
2017-01-20
function draw(piece,ctx){
ctx.beginPath();
ctx.moveTo(piece.p[0].x,piece.p[0].y);
for(var i = 0; i < piece.p.length; i++){
ctx.lineTo(piece.p[i].x,piece.p[i].y);
}
ctx.closePath();
ctx.fillStyle = piece.color;
ctx.fill();
}
ctx.beginPath();
ctx.moveTo(piece.p[0].x,piece.p[0].y);
for(var i = 0; i < piece.p.length; i++){
ctx.lineTo(piece.p[i].x,piece.p[i].y);
}
ctx.closePath();
ctx.fillStyle = piece.color;
ctx.fill();
}
2017-01-10
七巧板的地址:https://github.com/gzyq/html5-canvas/tree/master/canvas-demo-1;自己加了個升級版蠟燭的
2017-01-10