要将canvas转换成图片，可以使用HTML5中的Canvas API来实现。Canvas API提供了多种方法来操作和绘制图像，其中包括将canvas内容转换为图片的方法。

首先，我们需要获取到canvas元素的引用。可以通过使用JavaScript的getElementById()函数或者querySelector()函数来获取到canvas元素的引用。例如，假设我们的canvas元素具有id为"myCanvas"，我们可以使用以下代码来获取到它的引用：

```javascript

var canvas = document.getElementById("myCanvas");

```

接下来，我们可以使用canvas元素的toDataURL()方法来将canvas内容转换为图片。toDataURL()方法返回一个Base64编码的字符串，该字符串可以被解析为图片。以下是一个简单的示例代码：

```javascript

var canvas = document.getElementById("myCanvas");

var dataUrl = canvas.toDataURL();

// 创建一个img元素

var img = document.createElement("img");

// 将Base64编码的图片数据赋值给img元素的src属性

img.src = dataUrl;

// 将img元素添加到DOM中，即可显示图片

document.body.appendChild(img);

```

上述代码会将canvas的内容转换为图片，并将图片添加到页面的body元素中。你也可以将图片添加到其他元素中，只需要将document.body.appendChild(img)中的document.body修改为你想要添加到的元素。

需要注意的是，toDataURL()方法可以接受一个参数，用于指定图片的类型和质量。例如，可以使用以下代码来将canvas内容转换为jpeg格式的图片并设置图片质量为0.8：

```javascript

var canvas = document.getElementById("myCanvas");

var dataUrl = canvas.toDataURL("image/jpeg"

0.8);

```

以上就是将canvas转换为图片的基本方法。通过使用Canvas API提供的方法，我们可以方便地将canvas内容转换为图片，并将其展示在页面上。