Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以在HTML5中更改画布图像的dpi?_Javascript_Html_Canvas - Fatal编程技术网

Javascript 是否可以在HTML5中更改画布图像的dpi?

Javascript 是否可以在HTML5中更改画布图像的dpi?,javascript,html,canvas,Javascript,Html,Canvas,我了解到画布图像通常有96 dpi。是否可以更改画布图像数据的dpi。我可以说像将96 dpi图像转换为200 dpi吗?提前谢谢。我看了这篇文章,但看起来这是在扩大规模。你到底想实现什么?在大多数情况下,真正的DPI是屏幕的物理约束。我不确定这是否正是您所寻找的,但这可能会有所帮助:DPI是一个问题“我的像素有多大?”。这是屏幕或打印机的属性。图像没有分辨率,图像有一定数量的像素。图片的DPI纯粹是屏幕上像素有多大的问题。现在,你可以缩放;就像图片的每个像素都显示在屏幕的2x2像素上一样。你的

我了解到画布图像通常有96 dpi。是否可以更改画布图像数据的dpi。我可以说像将96 dpi图像转换为200 dpi吗?提前谢谢。我看了这篇文章,但看起来这是在扩大规模。

你到底想实现什么?在大多数情况下,真正的DPI是屏幕的物理约束。我不确定这是否正是您所寻找的,但这可能会有所帮助:DPI是一个问题“我的像素有多大?”。这是屏幕或打印机的属性。图像没有分辨率,图像有一定数量的像素。图片的DPI纯粹是屏幕上像素有多大的问题。现在,你可以缩放;就像图片的每个像素都显示在屏幕的2x2像素上一样。你的确切意思是什么?用
document.createElement
创建第二个画布,并将其大小调整为原始画布的200/96%。使用
drawImage的缩放版本
在第二个画布上绘制原始画布的缩放版本:
canv2Context.drawImage(canv1,0,0,canv1.width,canv1.height,0,0,canv1.width*200/96,canv1.height*200/96)
。然后从第二个画布获取图像数据。@markE,这只会重新缩放/重新采样图像,不会改变其dpi,正如Emmanuel所说,dpi取决于屏幕或打印机的分辨率。