Phonegap : 为更小的屏幕缩放 HTML5 画布

Posted 2023-03-25

【中文标题】Phonegap : 为更小的屏幕缩放 HTML5 画布

【英文标题】：Phonegap : Scaling HTML5 canvas for smaller screens

【发布时间】：2013-03-09 10:24:55

【问题描述】：

这是一个使用 html5 画布（最好使用 fabricjs）的 Phonegap android 应用程序。所需功能之一是它可以从画廊加载图像/从相机拍照并在一些预设编辑后保存图像。从相机拍摄的输入图像/图像的大小可能因设备而异，但输出图像始终需要具有固定大小（在这种情况下为 900x450）。该应用程序应该支持具有更小和更大屏幕的设备。我可以将图像加载到预设大小的画布并导出数据 url（编辑后）。但是如何在较小的屏幕上使用它呢？我可以显示一个更小的按比例缩小的画布并在那里进行操作并在所需大小的隐藏画布上执行实际操作，但这会非常混乱。有更好的方法吗？

【参考方案1】：

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

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