地图气泡用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);
...
图片加载成功,有宽、高显示,就是图片不显示。是什么问题呢?

lingkwise01
- 发布:2015-09-09 16:26
- 更新:2015-09-10 10:59
- 阅读:1925
地图气泡canvas加载图片不显示
分类:HTML5+
5 个回复
DCloud_Android_ST
什么型号手机? "../style/images/person.png";这个图片是否存在?
lingkwise01 (作者)
联想s810t;华硕;波导等国产手机。
图片存在,否则不会有宽和高的显示;
DCloud_Android_ST
can.toDataURL("image/png") 的Base64URL编码是否是正确的呢?
lingkwise01 (作者)
base64编码应该正确,否则自己画的气泡框与内容不会不显示。
感觉drawImage的图片没有在toDataURL中的base编码中出现,因为作了2次测试,一次有图,一次没图,alert的base64编码都一样。
DCloud_Android_ST
我用自己写的测试代码是OK的
2015-09-09 18:13
lingkwise01 (作者)
可以显示了,是图片没加载完成就开始画图的原因。把画图方法放到图片的onload事件中