帖子
帖子
用户
博客
课程
显示全部楼层
43
帖子
0
勋章
264
Y币

视图好像不支持canvas标签,html 里正常,但在AVM里就报错

[复制链接]
发表于 2021-7-10 15:59:37
   需求:
           我在页面上显示一张图片,图片用上套一组网格 。

  问题描述:
            我本地的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 标签,希望尽早支持







6
帖子
0
勋章
12
Y币
好像 确实 不支持 canvas 等着用
380
帖子
4
勋章
6
Y币
快了
翘首以待
149
帖子
2
勋章
676
Y币
avm支持canvas了吗 快1年了
您需要登录后才可以回帖 登录

本版积分规则