canvas 图片、文字模糊问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了canvas 图片、文字模糊问题相关的知识，希望对你有一定的参考价值。
参考技术A 注：[n]标识为遗留问题，在文章末尾遗留问题部分有详细解释说明。之前做了一个在线给图片添加文本框的工具，大体思路是先把图片加载到一个 DOM 结构中，然后通过 html2canvas 导出到一个canvas，最后通过 canvas 自带的 toDataURL 方法导出成图片。
这个思路并不复杂，但是中间遇到几个小问题：
解决过程：
遗留问题：
[1]: 发送的 file 协议的请求到服务器端判断跨域的时候和 http 是一样的标准吗？我个人觉得其实应该是的，因为同源策略本身的目的就是出于安全，这一点和你客户端的协议其实是没关系的。
参考文章：
High DPI Canvas
设备像素，设备独立像素，CSS像素
Canvas text rendering (blurry)
以上是关于canvas 图片、文字模糊问题的主要内容，如果未能解决你的问题，请参考以下文章