canvas 设置边框问题

引子

近期的工作中，是继 canvas 显示模糊问题 之后碰到的第 3 个问题。

• Origin
• My GitHub

设置边框问题

这个是示例，扫描访问二维码如下。

在手机上可以看到，设置边框后，图片就模糊了。如果 border 不占用 canvas 的高宽度，就没有那个问题，在画布上画个边框也可以。

原因应该跟 canvas 显示模糊问题中差不多，但疑问的是这种情况并没有少像素，而是展示的空间少了，画布上的像素多了，为什么也会模糊？难道是像素挤到一起重叠了？查了下资料，是有像素重叠的情况。真正原因是什么就不太确定了。

参考资料

• The canvas element