无效的图像src错误
Invalid image src error
var nodeIconImg = new Image();
nodeIconImg.onload = function () {
var nodeIcon = new Kinetic.Image({
image: nodeIconImg,
width: 30,
height: 30
});
}
var url = '<?= $baseurl; ?>/img/' + node.main_photo;
nodeIconImg.src = url;
这是kinetic.js中发生错误的核心代码行(正好在drawImage方法中(:
drawImage: function () {
var a = arguments,
b = this._context;
3 === a.length ? b.drawImage(a[0], a[1], a[2]) : 5 === a.length ? b.drawImage(a[0], a[1], a[2], a[3], a[4]) : 9 === a.length && b.drawImage(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8])
}
错误消息为:
Uncaught InvalidStateError:试图使用的对象不可用或不再可用。
有什么想法吗?有人有这个问题吗?
onload函数完成后,您的nodeIcon不在作用域中。
因此,在稍后的代码中,当您尝试使用nodeIcon时,它将不再被定义并抛出错误。
您需要在onload函数之外声明var nodeIcon
var nodeIcon;
var nodeIconImg = new Image();
nodeIconImg.onload = function () {
nodeIcon = new Kinetic.Image({
image: nodeIconImg,
width: 30,
height: 30
});
}
var url = "ship.png";
nodeIconImg.src = url;
或者在onload函数内的层中添加nodeIcon
var nodeIconImg = new Image();
nodeIconImg.onload = function () {
var nodeIcon = new Kinetic.Image({
image: nodeIconImg,
width: 30,
height: 30
});
layer.add(nodeIcon);
layer.draw();
}
var url = "ship.png";
nodeIconImg.src = url;
相关文章:
- 角度应用程序中 src 项的 404 错误
- 为什么当我尝试为iframe-src属性构建URL时,AngularJS会抛出错误
- 未捕获的类型错误:无法为 ImageButton 设置属性 'src' 的 null
- Gulp 在 gulp.src() 中的符号链接上给出错误
- pdf.js IE11 中的错误,src 属性 (0x800a138f)
- 如何使用 PhantomJS 进行单元测试时防止 img src 404 错误
- 未捕获的类型错误: 无法读取未定义的属性“src”
- 未捕获的类型错误:无法读取属性'播放、src或单击'为null
- 用Angular JS加载iframe src-错误
- Angular:Iframe指令中的src属性错误
- 追加脚本SRC导致跨源请求错误
- 未捕获的类型错误:无法设置属性'src'为null的..选择你自己的冒险
- 当属性src为null或为空时,.prp('src')为什么返回错误的值
- 通过DOM中的javascript追加script标记并设置其src会引发错误
- angular-如果src错误,则在指令内部拼接数组
- 未捕获的类型错误:不能设置属性'src'当想要切换图像时为null
- Http:403禁止错误时,试图加载img SRC与谷歌个人资料的图片
- JQuery警告通过ajax加载的图像src.未定义的错误
- gulp-uglifyjs错误.SRC不返回任何文件
- 中的错误/src/components/Main.jsx-Webpack