由于小程序canvas默认不随页面滚动,要实现这一功能,可以考虑以下方案: 将canvas放入可滚动的容器中:通过将canvas放入一个具有滚动属性的容器中(如scroll-view),可以实现canvas随容器滚动的效果。但需要注意的是,scroll-view中的canvas可能会受到一些限制,如性能问题和渲染问题。 示例代码(使用scroll-view): xml <...
1.确认你的page样式没有设置height:100%，如果有需要删除；2.所有父级节点不可以使用样式position为fixed...
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> 先生成图片在展示就没问题。