canvas需要在标签里直接定义宽高 -电脑资料

    这篇文章主要介绍了为什么canvas需要在标签里直接定义宽高，对此专门做了下测试，非常实用，推荐给小伙伴们

    以前用canvas画图时，都是直接在canvas标签里直接写上宽高，没有问题，但也没有探究过为什么宽高要直接写在canvas标签里，因为各个资料的例子上都是这么写的，

canvas需要在标签里直接定义宽高

。今天王sir提出了一个问题：如果把宽高写在

   

   

   

   

   

   

    1.宽：400；高：300；直接写在里的效果：

   

    2、删除里的宽高，宽：400；高：300；写在里的效果：

   

    为什么两者的效果会不一样呢？

    canvas跟其他标签一样，也可以通过css来定义样式，

电脑资料

《canvas需要在标签里直接定义宽高》(https://www.unjs.com)。但这里需要注意的是：canvas的默认宽高为300px * 150px,在css中为canvas定义宽高，实际上把宽高为300px * 150px的画布进行了拉伸，如果在这样的情况下进行canvas绘图，你得到的图形可能就是变形的效果。所以，在canvas绘图时，应该在canvas标签里直接定义宽高。