Phonegap :为小屏幕缩放HTML5画布

Question

这是一个使用HTML5画布(最好是fabricjs)的Phonegap android应用程序。所需的功能之一是，它可以从画廊加载图像/从相机拍摄照片，并在一些预设编辑后保存图像。根据设备的不同，从相机拍摄的输入图像/图像的大小可能不同，但输出图像需要始终具有固定的大小(在本例中为900x450)。这款应用程序应该同时支持屏幕较小和较大的设备。我可以加载图像到画布的预设大小和导出数据url (编辑后)。但我如何在较小的屏幕上使用它？我可以显示一个缩小的画布，在那里做操作，并在所需大小的隐藏画布上做实际的事情，但这将是非常混乱的。有没有更好的方法来解决这个问题？

Answer 1

通过CSS设置画布元素的宽度/高度来“缩放”画布元素怎么样？

这应该不会影响画布元素的实际像素大小。