ImageURI到数据URL或画布

时间:2015-06-19 08:14:45

标签: javascript html5 image cordova canvas

如何将图像URI转换为数据URL或画布图像?

我正在开发一个手机应用程序,用户从图库中选择图像然后点击图像用户将被重定向到其他应用程序。

目前,当用户从图库中选择图像时,会生成ImageURI。

例如:Image URI = content://com.android.providers.media.documents/document/image%3A40788“

将imageURI上方转换为dataURL或canvas Image

1 个答案:

答案 0 :(得分:0)

正如我解释的那样,你需要这样的东西

function loadCanvas(dataURL) {
        var canvas = document.getElementById('myCanvas');
        var context = canvas.getContext('2d');

        // load image from data url
        var imageObj = new Image();
        imageObj.onload = function() {
          context.drawImage(this, 0, 0);
        };

        imageObj.src = dataURL;
      }

有关详细信息,请查看here