Canvas

198 阅读1分钟
  1. canvas画矩形
    var a = document.getElementById('canvas');
    var ctx = a.getContext('2d');
    ctx.fillStyle = 'green';//填充颜色
    ctx.fillRect(10,10,100,100);//画一个矩形
    ctx.strokeStyle('red');//描边颜色
    ctx.strokeRect(10,10,100,100); //描边
    ctx.clearRect(20,20,10,10); //橡皮擦,将中间的一块擦去
    
    填充颜色的代码要写在fillRect的前面,如果写在后面就不管用了 更多信息
  2. 不要用css来控制canvas的宽高,因为canvas会等比缩放,类似于img