javascript - 高质量缩放 <canvas> drawImage()

标签 javascript html canvas

我正在处理 2d 和缩小尺寸的照片以供上传。我只使用 90 度步长绘制它们。

哪些参数会影响不同浏览器中的 drawImage() 质量?在绘制图像时,我想牺牲速度而不是质量,以便最大限度地提高输出质量。

有什么子像素调整的技巧吗?

使用 webGL Canvas 并在那里绘制图像有什么运气吗?它会提供更多选项以在缩放期间保持图像质量吗?

照片可以在 2 mpix - 10 mpix 范围内。

编辑:看起来这在 webGL 上是不可能的,因为纹理大小被限制为 512 x 512 或 2048 x 2048。

最佳答案

能具体点吗?我没有得到你想要的东西。 但只要涉及 drawImage,你就应该通过 Mozilla Spec of drawImage

关于javascript - 高质量缩放 <canvas> drawImage(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8093655/

相关文章:

javascript - 自定义javascript提示和确认框

html - Bootstrap 3 问题

javascript - html5 canvas中圆弧的起始 Angular 和结束 Angular 是多少?

javascript - 在用户滚动时加载 chart.js

javascript - 为什么将空文本框值保存到 sessionStorage 会导致 IE8 崩溃?

javascript - 是否有一种标准方法来指定 node.js 应用程序处于生产模式(或开发模式)?

javascript - 同一页面中有多个脚本

javascript - 解析 JSON 字符串时找不到意外标记

javascript - 使用 PhoneGap 和 JQuery Mobile 转到下一页

javascript - requestAnimationFrame 使 Canvas 动画出现问题