在使用Canvas进行绘图时，如果没有使用正确的方法，添加图片可能会遇到一些问题。下面从几个角度来分析这个问题。
1. 图片加载
在使用Canvas添加图片时，需要先确保图片已经加载成功。这可以通过使用Image类来实现。代码如下：
```
var img = new Image();
img.onload = function() {
// 图片加载成功后，可以将图片绘制在Canvas上
};
img.src = 'image.png';
```
在以上代码中，我们使用了Image类加载了一张图片，并设置了onload回调函数来确保图片加载成功。如果图片加载失败了，可以通过onerror回调函数进行处理。
2. 绘制图片
一旦图片成功加载，我们就可以将其绘制在Canvas上。这也是可能会遇到问题的地方。代码如下：
```
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var img = new Image();
img.onload = function() {
ctx.drawImage(img, 0, 0);
};
img.src = 'image.png';
```
在以上代码中，我们获取了Canvas对象并获取了2D上下文。然后我们使用Image类加载图片，并在onload回调函数中，使用drawImage方法将图片绘制在Canvas上。
但是，有可能我们在绘制图片时，没有指定正确的宽高参数，导致图片无法正常显示。代码如下：
```
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var img = new Image();
img.onload = function() {
ctx.drawImage(img, 0, 0, 200, 200);
// 绘制大小为200x200的图片
};
img.src = 'image.png';
```
在以上代码中，我们指定了绘制图片的宽和高都为200像素，这样图片就可以正常显示了。
3. 跨域问题
如果图片不在本地服务器上，而是在其他服务器上，有可能会遇到跨域问题。例如，我们不能在www.example.com的网页上加载imgs.example.com的图片。
解决这个问题的方法有很多，可以使用JSONP、CORS、服务器代理等方式。但是，需要注意的是，这些方法都有其自身的限制和问题。
综上所述，要在Canvas上成功添加图片，我们需要确保图片已经加载成功，正确地绘制了图片，并避免跨域问题。如果遇到问题，可以通过控制台查看报错信息来进行调试。
