Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Firefox有时不';在画布中加载图像_Javascript_Html_Canvas - Fatal编程技术网

Javascript Firefox有时不';在画布中加载图像

Javascript Firefox有时不';在画布中加载图像,javascript,html,canvas,Javascript,Html,Canvas,我有一个画布元素。有时候,当我在Firefox中查看它时,一切正常,但其他时候,它不会加载图像。有什么不对劲吗?铬很好用 为了使用它: var txt = new txtImg (/*params*/) 您正在尝试在图像完全加载之前使用它 浏览器将开始加载您的图像(在img.src上),并在同时加载图像的同时立即继续下一个代码 使用img.onload回调等待图像完全加载 var txt; var img = document.createElement ( 'img' ); img.onlo

我有一个画布元素。有时候,当我在Firefox中查看它时,一切正常,但其他时候,它不会加载图像。有什么不对劲吗?铬很好用

为了使用它:

var txt = new txtImg (/*params*/)

您正在尝试在图像完全加载之前使用它

浏览器将开始加载您的图像(在img.src上),并在同时加载图像的同时立即继续下一个代码

使用img.onload回调等待图像完全加载

var txt;
var img = document.createElement ( 'img' );
img.onload=function(){
    txt = new txtImg ( img, "ABCDEF...long text shortened", 10 );
    document.body.style.background = "rgb(132, 162, 255)";
}
img.src = "data:image/jpeg;base64,...long text shortened";

谢谢不过,src应该在onload事件之前。