Day10 - 今天只先铺底座标轴，明天来画 BMO

var canvasBmo = document.getElementById('canvasBmo');
var ctxBmo = canvasBmo.getContext('2d');
canvasBmo.width = 400;
canvasBmo.height = 400;

var draw = function (){
    ctxBmo.beginPath();
    ctxBmo.fillStyle = "rgba(0,0,0,0.2)";
    ctxBmo.strokeStyle = "rgba(0,0,0,0.2)";
    for(let i=1;i<9;i++){
        let pos = 50*i
        // 画垂直线
        ctxBmo.moveTo(pos,0);
        ctxBmo.lineTo(pos,400);
        // 画水平线
        ctxBmo.moveTo(0,pos);
        ctxBmo.lineTo(400,pos);
        // 写轴 x 座标与 y 轴座标
        ctxBmo.fillText(pos,pos,10);
        ctxBmo.fillText(pos,0,pos);
    }
    ctxBmo.stroke();
    
    // BMO 身体
    ctxBmo.fillStyle = 'hsl(138, 39%, 64%)';
    ctxBmo.beginPath();
        ctxBmo.fillRect(50,50,300,300);
    ctxBmo.closePath();
}

今天的纪录到这边，如果路过的大侠有发现有什麽理解有出入的地方，希望能邦帮忙提点一波，乾虾 ε= ᕕ( ᐛ )ᕗ