PhoneGap 2.1上的iOS截图插件

时间:2012-11-05 11:29:16

标签: ios cordova screenshot

我正在尝试在PhoneGap 2.1上使用iOS PhoneGap Screenshot插件。

这是我的Screenshot.m文件(放在Plugind文件夹中)。

//
//  Screenshot.h
//
//  Created by Simon Madine on 29/04/2010.
//  Copyright 2010 The Angry Robot Zombie Factory.
//   - Converted to Cordova 1.6.1 by Josemando Sobral.
//  MIT licensed
//
//  Modifications to support orientation change by @ffd8
//

#import "Screenshot.h"

@implementation Screenshot

@synthesize webView;

- (void)saveScreenshot:(NSArray*)arguments withDict:(NSDictionary*)options
{
    CGRect imageRect;
    CGRect screenRect = [[UIScreen mainScreen] bounds];

    // statusBarOrientation is more reliable than UIDevice.orientation
    UIInterfaceOrientation orientation = [UIApplication sharedApplication].statusBarOrientation;

    if (orientation == UIInterfaceOrientationLandscapeLeft || orientation == UIInterfaceOrientationLandscapeRight) { 
        // landscape check
        imageRect = CGRectMake(0, 0, CGRectGetHeight(screenRect), CGRectGetWidth(screenRect));
    } else {
        // portrait check
        imageRect = CGRectMake(0, 0, CGRectGetWidth(screenRect), CGRectGetHeight(screenRect));
    }

    UIGraphicsBeginImageContext(imageRect.size);

    CGContextRef ctx = UIGraphicsGetCurrentContext();
    [[UIColor blackColor] set];
    CGContextTranslateCTM(ctx, 0, 0);
    CGContextFillRect(ctx, imageRect);

    [webView.layer renderInContext:ctx];

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil);
    UIGraphicsEndImageContext();

    UIAlertView *alert= [[UIAlertView alloc] initWithTitle:nil message:@"Image Saved" delegate:self cancelButtonTitle:@"OK" otherButtonTitles:nil];
    [alert show];
    [alert release];
}

@end

这是我的Screenshot.h文件,放在Plugins文件夹中:

//
//  Screenshot.h
//
//  Created by Simon Madine on 29/04/2010.
//  Copyright 2010 The Angry Robot Zombie Factory.
//   - Converted to Cordova 1.6.1 by Josemando Sobral.
//  MIT licensed
//

#import <Foundation/Foundation.h>
#import <QuartzCore/QuartzCore.h>

#import <Cordova/CDVPlugin.h>

@interface Screenshot : CDVPlugin {
}

- (void)saveScreenshot:(NSArray*)arguments withDict:(NSDictionary*)options;

@end

这是我放在www文件夹中的Screenshot.js文件

 /*
 *  This code is adapted from the work of Michael Nachbaur 
 *  by Simon Madine of The Angry Robot Zombie Factory
 *   - Converted to Cordova 1.6.1 by Josemando Sobral.
 *  2012-07-03
 *  MIT licensed
 */

/*
 * Temporary Scope to contain the plugin.
 *  - More information here:
 *     https://github.com/apache/incubator-cordova-ios/blob/master/guides/Cordova%20Plugin%20Upgrade%20Guide.md
 */
(function() {
    /* Get local ref to global PhoneGap/Cordova/cordova object for exec function.
        - This increases the compatibility of the plugin. */
    var cordovaRef = window.PhoneGap || window.Cordova || window.cordova; // old to new fallbacks

    /**
     * This class exposes the ability to take a Screenshot to JavaScript
     */
 function Screenshot() { }

    /**
     * Save the screenshot to the user's Photo Library
     */
    Screenshot.prototype.saveScreenshot = function() {
        cordovaRef.exec(null, null, "Screenshot", "saveScreenshot", []);
    };


    cordovaRef.addConstructor(function() {
        if (!window.plugins) {
            window.plugins = {};
        }
        if (!window.plugins.Screenshot) {
            window.plugins.Screenshot = new Screenshot();
        }
    });

 })(); /* End of Temporary Scope. */

我用这一行调用我的函数是script.js:window.plugins.Screenshot.saveScreenshot() ;

我已经在Cordova.plist中添加了截图插件

现在我正在运行应用程序,没有编译错误,但JS不起作用,我在图像应用程序中没有截图。

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

我认为你没有粘贴Script.js代码,但我想我知道你的问题是什么。 您在文档就绪时调用插件,但要调用插件,您必须等待设备就绪

document.addEventListener("deviceready",onDeviceReady,false);

    // Cordova is ready to be used!
    //
    function onDeviceReady() {
        window.plugins.Screenshot.saveScreenshot() ;
    }