lingkwise01
lingkwise01
  • 发布:2015-09-09 16:26
  • 更新:2015-09-10 10:59
  • 阅读:1925

地图气泡canvas加载图片不显示

分类:HTML5+

地图气泡用canvas画(bubble.loadImageDataURL(can.toDataURL("image/png"));),可以达到文字换行、颜色等一般效果,但是加载的图片没显示,如下:
...
var img=new Image();
img.src="../style/images/person.png";
img.onload=function(){alert("img is loaded");alert("img.width="+img.width+"img.height="+img.height);};
cans.drawImage(img,0,0);
...
图片加载成功,有宽、高显示,就是图片不显示。是什么问题呢?

2015-09-09 16:26 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

什么型号手机? "../style/images/person.png";这个图片是否存在?

lingkwise01

lingkwise01 (作者)

联想s810t;华硕;波导等国产手机。
图片存在,否则不会有宽和高的显示;

DCloud_Android_ST

DCloud_Android_ST

can.toDataURL("image/png") 的Base64URL编码是否是正确的呢?

lingkwise01

lingkwise01 (作者)

base64编码应该正确,否则自己画的气泡框与内容不会不显示。
感觉drawImage的图片没有在toDataURL中的base编码中出现,因为作了2次测试,一次有图,一次没图,alert的base64编码都一样。

lingkwise01

lingkwise01 (作者)

可以显示了,是图片没加载完成就开始画图的原因。把画图方法放到图片的onload事件中

该问题目前已经被锁定, 无法添加新回复