HTML是一種超文本標(biāo)記語(yǔ)言，其可以用來(lái)創(chuàng)建網(wǎng)頁(yè)和其他網(wǎng)絡(luò)應(yīng)用程序。在HTML中，我們可以使用img標(biāo)簽來(lái)插入圖片。但是，有時(shí)候我們需要將網(wǎng)頁(yè)中的圖片打印出來(lái)，這時(shí)候就需要使用canvas標(biāo)簽和JavaScript來(lái)實(shí)現(xiàn)。 首先，我們需要在HTML文檔中添加一個(gè)canvas標(biāo)簽，并且設(shè)置好它的寬和高。接著，我們需要使用JavaScript來(lái)獲取網(wǎng)頁(yè)中的圖片，并將它們繪制到canvas上。下面是代碼示例：

<canvas id="myCanvas" width="500" height="500"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var img = new Image();
img.src = "example.jpg";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
}
</script>

在這段代碼中，我們首先獲取了id屬性為"myCanvas"的canvas元素，并使用getContext方法獲取它的2d渲染上下文。接著，我們創(chuàng)建了一個(gè)新的Image對(duì)象，并將要打印的圖片指定為它的src屬性。當(dāng)圖片加載完成后，我們使用drawImage方法將其繪制到canvas上。 最后，我們可以使用瀏覽器的打印功能來(lái)打印canvas上的內(nèi)容。因?yàn)閏anvas是HTML5標(biāo)準(zhǔn)新增的元素，所以不是所有瀏覽器都支持打印canvas。在谷歌瀏覽器中，我們可以點(diǎn)擊打印按鈕，并勾選"背景圖形"選項(xiàng)來(lái)打印canvas。 總之，利用canvas和JavaScript可以非常方便地將網(wǎng)頁(yè)中的圖片打印出來(lái)。在使用這種方法時(shí)，記得將canvas標(biāo)簽嵌入到HTML的標(biāo)簽中，并在JavaScript代碼中指定要打印的圖片路徑。