Tag: 布科多瓦

iOS平台上的HTML5canvas缩放问题

我一直在开发一个phonegap项目，试图构buildAndroid和iOS。 主要思路是访问手机库中保存的图片，将该图片保存到HTML img元素，然后将该img元素绘制到canvas上。 从那里，用户可以缩放和旋转图像。 我在Android上没有任何问题。 我已经使用仿真器和设备进行了testing，并且testing了大量的设备（不同的像素比例，密度等），结果的canvas转换总是给出预期的结果。 另一方面，iOS版本并没有那么成功。 缩放/旋转canvas看起来很好，直到我缩放canvas比原来的尺寸稍大（比原来大约4-5个像素）。 将canvas向上缩放后，canvas上绘制的图像会发生变化。 现在不用看现在看到的整个图像，我通常会在整个canvas上画出一小部分图像（通常是左上angular）。 我的canvas在HTML： <canvas id="sourceImgCanvas" width="200" height="200" style="z-index:1; position:absolute; left:5%; top:100px;"></canvas> 我从手机库收到的图像几乎总是太大，不适合手机屏幕。 我缩小图像并logging我缩小图像的比率（如果没有缩放发生，绘制比例为1，如果图像缩小到适合屏幕，则比例大于1）。 PhoneGap处理抓取手机库中的图片，我只是使用从照片返回的imageURI并将其设置为一个img元素Phonegap Camera API ： // Called when a photo is successfully retrieved function onPhotoURISuccess(imageURI) { sourceImage = document.getElementById('sourceImg'); sourceImage.src = imageURI; //signal that user can manipulate photo with touch inputs b_editPhotoAllowed = true; } […]