HTML5 canvas 画图， 大图缩小时清晰度问题
发布网友
发布时间：2022-04-21 20:51
共5个回答
热心网友
时间：2024-01-11 15:49
这是因为图像的采样方式不够好造成的
解决方案是自己写算法进行平均采样
实现方式有两种，一种是js对像素点进行手动合并采样，具体算法可以用这个：github。com斜杠sapics斜杠scale.js
还有一个方案使用webgl，用gpu对图片进行平均合并采样，需要自己写shader，并且需要比较新的浏览器和电脑，需要支持webgl，运行效率比较高。
热心网友
时间：2024-01-11 15:49
解决办法
1 转SVG 格式 这是矢量图形 放大缩小 不会失真
2 你的画布面积太大了 你上传的图片被缩小了很多很多 所以才会这么模糊
3 不是说H5不能做 室内平面图 CAD 才是强项
热心网友
时间：2024-01-11 15:50
首先，你这个代码中最后的setInterval("draw()",);应
热心网友
时间：2024-01-11 15:50
varcanvas=document.getElementById("myCan
热心网友
时间：2024-01-11 15:51
网页链接
