组件 canvas
发布于 6 年前 作者 fqiao 10524 次浏览 来自 问答

canvas传入自定义组件中的solt,绘制图片的时候经常出现canvas左半边不显示的情况,而绘制一个普通图形则出现直接在x轴中间开始绘制。真是奇葩。

之所以确定是工具bug,因为在手机上正常,严重影响调试,浪费了我太久的时间。还有其他的小问题忘了记录了,想起了qq浏览器早期时代。

组件:(样式只有充满父容器100%)

<view class="_fingerarea" disable-scroll=“true”

bindtouchstart="_wxonTouchStart"

bindtouchmove="_wxonTouchMove"

bindtouchend="_wxonTouchEnd"

bindtouchcancel="_wxonTouchCancel">

<slot></slot>

</view>

page使用:

<view  class=“mainarea”>

<fingers>

    <canvas canvas-id=“dcanvas” class=“dcanvas” disable-scroll=“true”></canvas>

</fingers>

</view>

js就是普通的drawImage 和 fill

//ctx.fillRect( 0,0,100,100);

ctx.drawImage(this.data.image,

0,0

);

ctx.draw();

1 回复

1 代码选取canvas的区域焦点

2 鼠标选取canvas区域的范围

然后实际绘制的效果是以下面这张图的位置的

回到顶部