评论

canvas draw 不执行的一种情况分享下

canvas draw 不执行回调, 画图空白

从昨天开始 线上 小程序 分享 出现不显示的情况;
然后开始解决,之前很确定是没有出现不显示的情况的;
到现在才发现是 因为 canvas 嵌套在 movable-area 中导致;
在这里分享下, 希望兄弟姐妹少踩坑
movable-area 最好不要放在最外层这里发下我的css解决方法

html


<view class="wrap">
		<movable-area class="move-area">
      		<movable-view direction="all" x="x" y="y" inertia="true" class="icon icon-power" @tap="onTap"></movable-view>
    	</movable-area>
    	<popup show="false">
        	<canvas style="width:300px;height:400px" canvas-id="share-canvas"/>
        </popup>
</view>

css

.wrap{position:relative;}
.move-area{position: absolute;width:100%;height:100vh;display:block;top:-100vh;}

代码仅做参考

最后一次编辑于  2019-05-31  
点赞 8
收藏
评论

1 个评论

  • s
    s
    2019-06-01

    咨询商务合作,可以的话加我微信s15314781836

    2019-06-01
    赞同
    回复
登录 后发表内容