javascript - Canvas 到高分辨率图像

标签 javascript html image canvas dpi

我正在开发网络应用程序,它必须从 Canvas 导出高清图像(这是网页的屏幕截图)。因此导出的图像必须具有 300dpi 才能打印。 有什么已知的方法可以做到这一点吗? 到目前为止我所做的就是导出 96dpi 的图像,这并不完全是我想要的......

谢谢!

最佳答案

只需使用 css 调整 Canvas 大小

var original_width = 1000;
var canvas = document.getElementById('canvas');
canvas.width = original_width;
canvas.style.width = original_width / (300/96);

关于javascript - Canvas 到高分辨率图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25759122/

相关文章:

javascript - jQuery 和 Canvas.toDataURL

css - 在 CakePHP 的 CSS 文件中如何处理 URL,以便它们引用正确的位置?

带有 gettext 和 .po 文件的 javascript i18n

javascript - 尝试延迟 for 循环直到加载 div

javascript - AngularJS 输入字段未从 Controller 内的 setTimeout 更新

html - CSS - 以 {display : table} 显示的中心元素

javascript - 最大宽度为:100% and height:auto in Safari的图片读取高度

javascript - Jquery 创建动画,交换 div 中的一系列图像

javascript - 获取数组中的所有 html 属性

图像增强 - 从书写中清除给定图像