Html5画布有最大尺寸 - 图像怎么样?

时间:2014-04-06 13:06:43

标签: html image canvas html5-canvas

Html画布的最大尺寸取决于设备/浏览器。例如,一些手机的最大画布大约为1000x1000。存储在内存中的图像怎么样?这些可以达到手机/电脑的内存吗?你能画出图像'这些1000x1000画布的大图像是否会自动裁剪? (即使是特定的设备,我也没有手机来测试它。)

1 个答案:

答案 0 :(得分:0)

图像对象的最大大小可能取决于浏览器或内存。

更多问题......

您在画布中绘制的图像对象可能比画布大。

这会使画布成为图像中的“视口”。

例如:

  • 你的画布是1000x1000。
  • 您的图片是1500x1500。

如果你这样做,那么图像像素将被裁剪为x> 1000且y> 1000。

// canvas shows image pixels from x=0-999 and y=0-999

drawImage(yourImage,0,0) 

如果你这样做,那么图像像素将被裁剪为x <200&amp; x> 1200且y <200且y> 1200。

// canvas shows image pixels from x=200-1999 and y=200-1999

drawImage(yourImage,-200,-200)

一项心理练习,看看它是如何工作的,想象一张纸上有一个矩形的“视口”。然后在纸张后面移动一个大于视口的图像。只有部分图像才能通过视口显示。您可以移动图像,并在视口中显示图像的不同部分。