canvas

1. canvas标签上的width/height和css样式上的width/height

默认是300*150

标签上的width和height是用于绘制逻辑画布尺寸的，和CSS属性的style.height和style.width是不同的。如果不设置 CSS 属性，画布的固有大小将用作为其显示大小；如果确实设置了 CSS 属性，并且它们与画布尺寸不同，则内容将在浏览器中缩放

也就是说，canvas标签上的width和height可以设置画布大小且不缩放内容，而css样式的width和height则会缩放内容（将画布进行收缩拉伸以达到css样式的大小）

<canvas
    class="canvasImage"
    width="300px"
    height="300px"
>
</canvas>
/***************************************/
<style>
.canvasImage {
  width: 300px;
  height: 300px;
}
</style>

推荐：

https://www.cnblogs.com/charmingyj/p/5527223.html