|
视图好像不支持canvas标签,html 里正常,但在AVM里就报错
[复制链接]
需求:
我在页面上显示一张图片,图片用上套一组网格 。
问题描述:
我本地的html 里就没问题,能正常显示被网格分割开的图片, 但在AVM 视图里写,一样的代码,就报错了,控制台输出:
[2021-7-10 15:51:51][ERROR] at dispatch event failed.
at ware/ware.js:466: TypeError: mycanvas.getContext is not a function at ware.js : 0
-----------------
视图的代码是这么写的:
<swiper class="swiper" style={'height:'+this.data.swiperHeight+'px;'} indicator-dots indicator-active-color="#e3007f" autoplay circular>
<canvas id='mycanvas' width="200" height="200" ></canvas>
</swiper>
--------------
显示图片的函数是这样写的:
//显示出图片
showImage(imageUrl){
var that = this;
var mycanvas = document.getElementById('mycanvas');
console.log(mycanvas);
var ctx = mycanvas.getContext('2d');
var img = new Image();
img.src = 'https://img**.**/imgextra/i1/279887075/O1CN010LWUPF228Oqt4IpJo-279887075.jpg';
img.width="300";
img.height="300";
img.onload = function(){
// 将图片画到canvas上面上去!
ctx.drawImage(img,50,50);
that.drawGrid(ctx,'#efefef', 15, 15);
}
}
函数没写错,因为我在本地html 已经测试过了, ( 有一个 画网格的函数没有贴上来 ),这个报错提示还没到画网格的函数调用处,所以我没贴出来。 希望官方看一下,如果不支持 canvas 标签,希望尽早支持
|
|