在移动端绘制的canvas图片会固定在页面上，不会跟着页面滚动

在移动端的HTML5 Canvas上，如果你直接将图片绘制到canvas元素中，并期望它随着页面滚动而移动，那么默认情况下，由于Canvas的内容是静态的，它的位置并不会随页面滚动而改变。这是因为Canvas就像一块画布，一旦内容绘制完毕，其定位是相对视口窗口的，而不是跟随容器。

如果你想让Canvas内的图片跟随页面滚动，你可以尝试以下几种方法：

1. **监听滚动事件**：通过JavaScript给包含Canvas的容器添加滚动事件监听器，当页面滚动时，动态地更改Canvas的位置，使其看起来像是在滚动。

window.addEventListener('scroll', function(e) {
  // 更新Canvas的位置逻辑
});

2. **CSS布局调整**：使用CSS position属性，如`position: fixed;`或者`position: sticky;`结合top/bottom值，让Canvas元素相对于浏览器视口保持固定位置。

3. **使用第三方库**：有些库，比如iscroll.js等，专门用于处理触屏设备的滚动效果，可以考虑使用它们来配合Canvas。

4. **响应式设计**：如果图片是背景图，可以考虑将其设置为`background-position`，然后使用百分比或媒体查询来响应屏幕尺寸变化。

请注意，在实际操作时，你需要确保性能良好，因为频繁的重绘或计算可能会降低用户体验。