【发布时间】：2014-04-06 23:03:04
【问题描述】：
HTML 画布的最大尺寸取决于设备/浏览器。例如，某些手机的最大画布约为 1000x1000。存储在内存中的图像呢？这些可以取决于手机/电脑的内存吗？你能在这些 1000x1000 的画布上自动裁剪大图像吗？ （即使是针对特定设备，我也没有手机可以对此进行测试。）
【问题讨论】：
标签： html image canvas html5-canvas
【发布时间】：2014-04-06 23:03:04
【问题描述】：
图像对象的最大尺寸可能取决于浏览器或内存。
更多问题...
您在画布中绘制的图像对象可以比画布大。
这会使画布成为图像的“视口”。
例如：
- 您的画布是 1000x1000。
- 您的图片为 1500x1500。
如果您这样做，则图像像素将被裁剪为 x>1000 和 y>1000。
// canvas shows image pixels from x=0-999 and y=0-999
drawImage(yourImage,0,0)
如果您这样做，图像像素将被裁剪为 x1200 和 y1200。
// canvas shows image pixels from x=200-1999 and y=200-1999
drawImage(yourImage,-200,-200)
了解其工作原理的一项脑力练习是想象一张纸，上面切出一个矩形“视口”。然后将大于视口的图像移动到纸张后面。只有一部分图像只能通过视口可见。您可以移动图像，图像的不同部分将显示在视口中。
【讨论】：