原因是:使用css样式,不会增加像素点,只会将原有像素点扩大。
通俗来讲,就是使用属性画布上的图形该是多大还是多大,而使用样式就会把画布上的图形扩大。...绘图步骤
拿到canvas画布
通过canvas拿到绘图上下文(一系列的API集合)
使用API绘制需要的图形
// 1....使用上下文对象的api进行绘图
// - 把鼠标移动到(100,100)位置
ctx.moveTo(100,100)
// - 连线
ctx.lineTo...快速绘制矩形的方法 rect()
语法 ctx.rect(x,y,width,height)
x,y是矩形左上角坐标,width和height都是以像素计
rect方法只是规划了矩形的路径,并没有填充和描边...快速创建描边矩形和填充图形
ctx.strokeRect(x,y,width,height)
此方法直接进行stroke绘制,不会产生路径
ctx.fillRect(x,y,width,height