菜鸟教程小白 发表于 2022-12-12 14:18:32

带有cordova的iOS屏幕截图不在照片库中


                                            <p><p>我正在使用 cordova 截图插件:<a href="https://github.com/gitawego/cordova-screenshot" rel="noreferrer noopener nofollow">https://github.com/gitawego/cordova-screenshot</a>使用此代码在我的 iPhone 中截取屏幕截图:</p>

<pre><code>navigator.screenshot.save(function (error, res) {
            if (error) {
                console.log(&#39;Screenshot error&#39;);
                console.error(error);
            } else {
                console.log(&#39;screenshot ok&#39;, res.filePath);
            }
      }, &#39;jpg&#39;, 50, &#39;project-X-result&#39;);
</code></pre>

<p>它似乎有效(我没有错误)，但我在照片库中找不到屏幕截图。是否可以将其保存在这个库中？</p>

<p>我该怎么办？使用另一个插件来移动文件？ (它应该准确地移动到哪里？)编辑插件以将其直接保存在库中？ (具体应该保存在哪里？)</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我刚刚遇到了同样的问题。花了几天时间，但我想出了如何去做。</p>

<p>它确实涉及另一个插件 Canvas2Image 插件。我不认为它会起作用，但我很绝望，最终它确实起作用了。以下是我的做法。</p>

<p>如果您获得了用于屏幕截图的 console.log，那么您的状态良好。接下来您需要做的是使用 CLI 安装 Canvas2Image，如下所示:</p>

<pre><code>cordova plugin add https://github.com/devgeeks/Canvas2ImagePlugin.git
</code></pre>

<p>(或者如果你使用 'phonegap' 来代替 'cordova'。)</p>

<p>接下来，您需要添加一个函数(在本例中为 saveImageToPhone())，该函数调用您刚刚添加到项目中的插件。该函数将从您已有的 navigator.screenshot.save() 函数中调用。我们会将该函数调用添加到您的 screenshot.save 成功 block 中，就在 console.log 行之后。 </p>

<p>这里的关键是使用我们在成功 block 中返回的 filePath 属性；这是我们刚刚保存到 iOS 临时文件夹中的图像的绝对路径。我们将简单地将该路径传递给第二个函数并让它完成它的工作。</p>

<p>这是我的代码中的这两个函数:</p>

<pre><code>function saveScreen(){
    navigator.screenshot.save(function(error,res){
          if(error){
            console.error(error);
          }else{
            console.log(&#39;ok&#39;,res.filePath);

            var MEsuccess = function(msg){
            console.info(msg);
            }   ;

            var MEerror = function(err){
                console.error(err);
            };

            saveImageToPhone(res.filePath, MEsuccess, MEerror);
          }
      },&#39;jpg&#39;,90);
}

function saveImageToPhone(url, success, error) {
    var canvas, context, imageDataUrl, imageData;
    var img = new Image();
    img.onload = function() {
      canvas = document.createElement(&#39;canvas&#39;);
      canvas.width = img.width;
      canvas.height = img.height;
      context = canvas.getContext(&#39;2d&#39;);
      context.drawImage(img, 0, 0);
      try {
            imageDataUrl = canvas.toDataURL(&#39;image/jpeg&#39;, 1.0);
            imageData = imageDataUrl.replace(/data:image\/jpeg;base64,/, &#39;&#39;);
            cordova.exec(
                success,
                error,
                &#39;Canvas2ImagePlugin&#39;,
                &#39;saveImageDataToLibrary&#39;,
               
            );
      }
      catch(e) {
            error(e.message);
      }
    };
    try {
      img.src = url;
    }
    catch(e) {
      error(e.message);
    }
}
</code></pre>

<p>现在只需从您希望的任何地方调用第一个函数。
如果它有效，你会在你的 filePath 读出后得到一个 console.log，上面写着 </p>

<pre><code>IMAGE SAVED!
</code></pre>

<p>请注意，如果您使用名称作为 screenshot.save 参数(在您的 jpg 和质量参数之后)，您可能会覆盖相同的屏幕截图。我的应用程序需要保存不同的屏幕截图并在以后全部可用；通过删除 name 参数并允许操作系统命名文件，我能够做到这一点。</p>

<p>希望对你有所帮助，我知道这给我带来了很多麻烦......</p></p>
                                   
                                                <p style="font-size: 20px;">关于带有cordova的iOS屏幕截图不在照片库中，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/28451456/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/28451456/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: 带有cordova的iOS屏幕截图不在照片库中