Wxml2Canvas小程序将dom转为图片，bug总结

原创

已于 2025-08-06 11:32:23 修改 · 1.1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#bug #canva可画

于 2024-11-12 13:33:57 首次发布

1.显示文字标签上面使用 data-type="text" 加上class名

<view data-type="text" class="my_draw_canvas">
    <text data-type="text" class="center my_draw_canvas" data-text="企业出游证明">企业出游证明</text>
</view>

2.显示图片/背景图标签上面需要使用 data-background-image=“路径” 加上class名

<image data-background-image="../../static/xxx.png" class="my_draw_canvas" src="../../static/lanse.png" style="background-size: 100% 100%; width: 100%;height: 100rpx" mode=""></image>

当然也可以只写data-background-image=“路径” 加上class名只不过是在原本的样式上面不显示而已，在canvas上面会显示

<image data-background-image="../../static/xxx.png" class="my_draw_canvas" src="" style="background-size: 100% 100%; width: 100%;height: 100rpx" mode=""></image>

3.当出现开发工具上面显示正常，在不同手机上面显示不正常的时候需要加上 data-delay="1"

这个意思是等加载完后在显示