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; } […]

我想在UIView上绘制像苹果形状的自定义形状

我正在努力使苹果有一种进步的形象。 我有select使用.png图像,但我不能因为我必须填充苹果形状不同颜色取决于百分比状态..我使用UIView 绘制这种形状… 我想build议如何轻松画出苹果的那种形状? 而我们怎样才能用不同的颜色填充一半颜色?

如何获得触摸的像素颜色?

我知道这是一个常见的问题,这个问题有很多答案。 我用过这个。 虽然其中许多是相同的。 可悲的是我没有一个人为我工作。 以下代码我使用到现在。 -(void)getRGBAsFromImage:(UIImage*)image atX:(int)xx andY:(int)yy { // First get the image into your data buffer CGImageRef imageRef = [image CGImage]; NSUInteger width = CGImageGetWidth(imageRef); NSUInteger height = CGImageGetHeight(imageRef); CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB(); unsigned char *rawData = (unsigned char*) calloc(height * width * 4, sizeof(unsigned char)); NSUInteger bytesPerPixel = 4; NSUInteger bytesPerRow = […]