画布到高分辨率图像
Canvas to high resolution image
我正在开发web应用程序,该应用程序必须从画布导出高清图像(这是网页的屏幕截图)。因此,导出的图像必须具有高达300dpi的分辨率,才能打印。有什么已知的方法吗?到目前为止,我所做的是以96dpi导出图像,这不是我想要的。。。
谢谢!
只需使用css 调整画布大小
var original_width = 1000;
var canvas = document.getElementById('canvas');
canvas.width = original_width;
canvas.style.width = original_width / (300/96);
相关文章:
- 悬停时显示更高分辨率的图像
- 高分辨率imac-webView上的画布绘制滞后
- WebGL和Chrome:高分辨率会导致糟糕的性能
- OpenLayers3和高分辨率图像(XYZ源)
- 平板电脑以高分辨率缓慢构建图库图像
- 如何使用css或js或其他任何东西来区分高分辨率手机和桌面
- WinJS/WinRT 更改图像的分辨率 (dpi)
- 如何添加指向 Fancybox 的链接以下载图像的高分辨率版本
- 具有更高分辨率的手机上的响应式设计
- 如何在Chrome上绘制高分辨率画布?以及为什么如果设备PixelRatio === webkitBackingStor
- 鸟舍 WEB API 保存高分辨率问题
- 为多个用户创建自动低分辨率和高分辨率pdf,png与inDesign
- 画布到高分辨率图像
- 图像在高分辨率图像加载时闪烁
- 在高分辨率图像缓存后淡出
- 画布内容为高分辨率图像
- chrome(windows)从javascript加载高分辨率图像的问题
- 项目研究-可缩放,可滚动,可悬停的高分辨率图像
- 以高分辨率渲染html画布图像
- 使用jQuery在高分辨率和低分辨率图像之间切换