ctx.drawImage 小程序正常但是h5无效

`ctx.drawImage` 是一个用于在 Canvas 上绘制图片的 API，可以在小程序和 H5 开发中使用。

如果在小程序中能正常使用，但在 H5 中无效，则可能是以下原因之一：

1. 图片路径问题：在小程序中，图片可以使用相对路径或绝对路径，但在 H5 中必须使用绝对路径。请确保图片路径在 H5 中是正确的，可以使用`console.log()`打印路径来进行排查。

2. 图片加载问题：在小程序中，图片加载是异步的，可以使用`wx.getImageInfo()`方法获取图片信息后再进行绘制。而在 H5 中，图片加载是同步的，需要等待图片加载完成后再进行绘制。可以使用`Image`对象的`onload`事件来判断图片是否加载完成。例如：

var img = new Image();
img.onload = function() {
  ctx.drawImage(img, x, y);
}
img.src = 'http://example.com/image.png';

3. Canvas 尺寸问题：在小程序中，Canvas 的尺寸是自适应的，会根据屏幕尺寸进行调整。而在 H5 中，Canvas 的尺寸需要手动设置，否则无法正确绘制。例如：

<canvas id="myCanvas" width="500" height="500"></canvas>

这样就会在 H5 中创建一个尺寸为 500x500 的 Canvas。

如果以上方法都无法解决问题，请提供更详细的代码和错误信息，以便我们更好地帮助您解决问题。