javascript - 使用 JavaScript 从 DataURI 同步创建图像对象

Question

有谁知道是否可以使用 JavaScript 从数据 uri 同步创建图像对象？可以像这样从数据 URI 异步创建图像对象：

            imageObj = new Image();
            imageObj.onload = function() {
                callback(imageObj);
            };
            imageObj.src = dataURI;

你可能认为这会起作用：

            imageObj = new Image();
            imageObj.src = dataURI;
            callback(imageObj);

但如果我没记错的话，这在某些浏览器中会失败。

想法？

Answer 1

我认为您可以使用对象complete的属性Image。

http://www.w3schools.com/jsref/prop_img_complete.asp

在调用callback函数之前，可以在一个循环中不断检查是否complete为true. 一旦它为真，它就会被加载。