将图像src设置为数据URL是否应该立即可用？

Question 1

考虑以下（脆弱的）JavaScript代码：

var img = new Image;
img.src = "data:image/png;base64,..."; // Assume valid data

// Danger(?) Attempting to use image immediately after setting src
console.log( img.width, img.height );
someCanvasContext.drawImage( img, 0, 0 );

// Danger(?) Setting onload after setting src
img.onload = function(){ console.log('I ran!'); };

问题

图像的宽度和高度是否应该立即正确？
画布绘制是否应立即工作？
是否应该onload调用回调（在更改src之后设置）？

实验测试
我用类似的代码创建了一个简单的测试页面。在Safari我的第一次测试，都是由本地打开HTML网页（file:///URL），并从我的服务器加载它，结果显示一切工作：高度和宽度是正确的，在画布上绘制的作品，并且在onload还火。

在Firefox v3.6（OS X）中，启动浏览器后加载页面显示高度/宽度在设置后立即不正确，drawImage()失败。（但是onload处理程序会触发。）但是，再次加载页面时，显示宽度/高度在设置并drawImage()工作后立即正确。Firefox似乎将数据URL的内容缓存为图像，并在同一会话中使用时立即可用。

在Chrome v8（OS X）中，我看到的效果与在Firefox中的效果相同：该图像无法立即显示，但需要一些时间才能从数据URL异步“加载”。

除了实验证明上面的浏览器可以正常工作还是不能正常工作之外，我真的很喜欢指向规范的链接。到目前为止，我的Google-fu尚未完成任务。

安全使用
对于不了解上述原因为何会有危险的人，请知道使用以下图像是安全的：

// First create/find the image
var img = new Image;

// Then, set the onload handler
img.onload = function(){
  // Use the for-sure-loaded img here
};

// THEN, set the src
img.src = '...';

Question 2

由于没有一个目前尚未发现这是怎么任何规格应该的行为，我们将不得不与它是如何满足不循规蹈矩。以下是我的测试结果。

            | 图像数据可用吗？在src之后设置onload回调
            | 设置src后？| 被改变还是被调用？
------------ + ----------------------------- ++ ------ ------------------------------
Safari 5 | 是的 是                
------------ + ----------------------------- ++ ------ ------------------------------
Chrome 8 | **否**（第一页加载），但是| 是                
FireFox 3.6 | 之后是（缓存）                                     
------------ + ----------------------------- ++ ------ ------------------------------
IE8 | 是（32kB数据限制）| 是         
------------ + ----------------------------- ++ ------ ------------------------------
IE9b | 是的 **没有**              
------------ + ----------------------------- ++ ------ ------------------------------

综上所述：

您不能假设在设置data-uri之后就可以使用图像数据；您必须等待onload事件。
由于IE9，您无法onload在设置src并希望调用它之后设置处理程序。
“安全使用”中的建议（来自上述问题）是确保正确行为的唯一方法。

如果有人可以找到讨论此问题的规范，我会很乐意接受他们的回答。

Question 3

将控制权交还给浏览器的呈现引擎后，该测试true将以FF 4b9和Chromium 8.0.552.237报告。我修改了这些部分：

img.onload = function(){   // put this above img.src = …
    document.getElementById('onload').innerHTML = 'yes';
};
img.src = img_src;
…
window.setTimeout(function () {   // put this inside setTimeout
    document.getElementById('wh').innerHTML = (img.height==img.width) && (img.height==128);
}, 0);

更新：是的，我知道这个“答案”更像是一条评论，但只是想指出一点。经过测试，我得到了可重复的结果：

没有setTimeout，在这两种浏览器中我false都是第一次打开页面，true只有在点击后才能打开F5。明确清除缓存后，两个都false重新加载后再说一次。
与setTimeout宽度/高度测试总是evualuates到true。

在这两种情况下，仅在重新加载页面后图像才第一次显示。