本文探讨在手机上使用Canvas进行图片合成时遇到的宽高适配问题。通过html标签属性设置、CSS属性设置以及动态计算三种方式，详细解析如何在不同尺寸下实现Canvas的正确显示，并提到在实际应用中可能遇到的显示模糊问题。
引子
在最近的工作中碰到了合成图片的需求，首先想到的便是 canvas，到网上查找了一些资料，大部分也是使用 canvas。因为好久没有实际接触过这方面的东西了，感觉到一些兴奋。预估会收获不少。
宽高问题
因为是在手机上，需要进行不同尺寸的适配，在项目中使用的是 rem 单位，想着既然拥有全局属性 width 和 height，那么理论上应该支持。进行了下面的尝试。
html 标签属性设置
这是示例，扫描二维码访问如下。
发现这个想法不对，后来看规范中的描述，发现描述的已经很清楚了：
The canvas element has two attributes to control the si
最低0.47元/天 解锁文章
2285
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
