iOS设备的文字放大镜

时间:2011-12-09 03:35:24

标签: javascript iphone touch zoom magnify

您好,想知道是否有人知道如何为iPhone上的文字制作放大镜效果。关于如何为图像执行此操作,在线有很多JavaScript示例,甚至有一些是针对文本设计的,但是这些都不适用于移动设备上的触摸和拖动。

我有点像HTML和JavaScript的noobie所以任何帮助将不胜感激。 (顺便说一下,我知道iPhone有一个内置的放大镜,但我需要它更大,变焦更远)

干杯

1 个答案:

答案 0 :(得分:1)

你可以看看这个你的想法,这个演示实现了效果 http://www.craftymind.com/creating-the-loupe-or-magnifying-glass-effect-on-the-iphone/

主要代码是这样的

- (void)drawRect:(CGRect)rect {
    // here we're just doing some transforms on the view we're magnifying,
    // and rendering that view directly into this view,
    // rather than the previous method of copying an image.
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextTranslateCTM(context,1*(self.frame.size.width*0.5),1*(self.frame.size.height*0.5));
    CGContextScaleCTM(context, 1.5, 1.5);
    CGContextTranslateCTM(context,-1*(touchPoint.x),-1*(touchPoint.y));
    [self.viewToMagnify.layer renderInContext:context];

}