显示较小尺寸的画布，同时保持分辨率

Question

我尝试使用html / javascript创建在线工具，用户可以上传导入画布的图片，然后他们可以覆盖其他图片，调整大小并移动它们。要添加它，我使用fabric.js。

我确实希望在执行此操作时保持图像分辨率，因此我必须根据基本图像的大小调整画布大小，如果图像宽度为4000像素，则可能会失控。我想要做的是在有限的区域（如1000x1000）显示图像，同时保持原始大小，以便在用户完成时为其提供原始分辨率。我尝试使用CSS来限制画布显示大小，但与img不同，canvas似乎会覆盖我指定的限制。我也使用github页面来托管它。

最好的方法是什么？

Answer 1

我与渲染图层分开跟踪我的图像。所以，我要么将它们保存在内存中的哈希值或数组中，要么如果它太贵，我会将它们保存到存储区（服务器端或S3或其他）。

然后，您只需将低（呃）保真度图像渲染到画布上。