小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序真机时 canvas 不随页面滚动 如下图所示
16 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
今天倒腾了一整天，终于解决了，整理了一下，大家可以参考一下。https://blog.csdn.net/xd_yangxiaoromg/article/details/88258744
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
谢谢！
2021年了 问题似乎已经解决了，不过调试工具上还是有问题，真机测试没问题
页面主体不能有overflow:scroll 不能用scroll-view组件 。。
都快2023年了，还是有同样的问题
即将2022了还是有问题
同样的问题 +1
let canvasImg = canvas.toDataURL();
this.setData({
showCanvaImg:true,
canvasImgUrl:canvasImg
})
<canvas wx:if="{{!showCanvaImg}}" type="2d" id="finChars" class="fin-char"></canvas>
<image wx:else class="fin-char" src="{{canvasImgUrl}}"></image>
先生成图片在展示就没问题。
2021年。还是难用的一批的canvas
2021年了，canvas在一个fixed的父容器弹窗内，就会滚动。。。。。
希望官方把canvas改善一下，好多坑，都快2020年了
正在加载...
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
今天倒腾了一整天，终于解决了，整理了一下，大家可以参考一下。https://blog.csdn.net/xd_yangxiaoromg/article/details/88258744
谢谢！
2021年了 问题似乎已经解决了，不过调试工具上还是有问题，真机测试没问题
页面主体不能有overflow:scroll 不能用scroll-view组件 。。
都快2023年了，还是有同样的问题
即将2022了还是有问题
同样的问题 +1
let canvasImg = canvas.toDataURL();
this.setData({
showCanvaImg:true,
canvasImgUrl:canvasImg
})
<canvas wx:if="{{!showCanvaImg}}" type="2d" id="finChars" class="fin-char"></canvas>
<image wx:else class="fin-char" src="{{canvasImgUrl}}"></image>
先生成图片在展示就没问题。
2021年。还是难用的一批的canvas
2021年了，canvas在一个fixed的父容器弹窗内，就会滚动。。。。。
希望官方把canvas改善一下，好多坑，都快2020年了