Phonegap：缩放较小屏幕的HTML5画布

Question

这是一个使用HTML5画布（最好与fabricjs）的Phonegap android应用程序。其中一项必要的功能是它可以从相册中加载图片/从相机拍摄图片，并在一些预设编辑后保存图像。从相机拍摄的输入图像/图像的尺寸可能会有所不同，具体取决于设备，但输出图像需要固定尺寸（本例中为900x450）。该应用程序应该支持具有更小和更大屏幕的设备。我可以将图像加载到预设大小的画布和导出数据网址（编辑后）。但是我怎样才能在小屏幕上使用它？我可以显示一个较小的缩小画布，并在那里进行操作，并在所需尺寸的隐藏画布上进行实际操作，但这会非常混乱。有没有更好的方法呢？

Answer 1

如何通过设置其宽度/高度通过CSS“缩放”您的画布元素？

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