Gaoding导出的图片太模糊?原来问题出在这!
标签:Gaoding导出模糊、油猴脚本导图、前端绘图hook、高清图片导出、网页设计图导出优化
昨晚快凌晨了,由于急于给粉丝回复消息,我一口气写了个导出 Gaoding图片的油猴脚本发出来。本来想着这类工具型内容应该一发即用,结果粉丝反馈说导出图片很模糊 像截图的一样
我当时以为网站本身没加限制,导出的应该是原图。结果今天下午我一研究,果然低估了它的“前端功力”。
先看看成品演示吧
左边是新的 右边是老的 是不是一眼就看出区别了
为什么导出来的图那么模糊?
它在做展示优化时用了“缩放渲染”的策略。什么意思?
举个例子:你的设计原图是 4000x3200,但在网页展示的时候,缩放成了 1000x800。
那我们之前用油猴脚本“拿图”,其实是直接从 canvas 或 DOM 上拿的渲染图,结果拿到的是“预览图”&#x