在動態(tài)網(wǎng)頁設(shè)計中，圖片在頁面中扮演著至關(guān)重要的角色，經(jīng)常會被用來展示產(chǎn)品、插圖或裝飾背景。在JavaScript中，我們一般使用標(biāo)簽來添加圖片，但這并非唯一的選項(xiàng)。

最基本的用法是：

<img src="image.jpg" alt="這是一個圖片">

其中，src表示圖片文件的路徑，alt則是當(dāng)圖片無法加載時顯示的文本。這種方式很簡單，但靈活性較差，很難對圖片進(jìn)行定制化處理。

如果我們想要通過代碼動態(tài)地控制圖片，那么可以使用JavaScript來更改圖片的各種屬性。比如更改圖片的路徑、大小、位置等等。以下是幾個例子：

const img = document.getElementById("myImage");
//更換圖片路徑
img.src = "newimage.jpg";
//更改圖片尺寸
img.width = 500;
img.height = 300;
//更改圖片位置
img.style.position = "absolute";
img.style.top = "50px";
img.style.left = "100px";

除此之外，我們也可以使用Canvas元素來創(chuàng)建和展示圖片。Canvas可以被看做是一個畫板，我們可以在其中繪制各種圖形，包括圖片。

以下是一個使用Canvas繪制圖片的例子：

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
const img = new Image();
img.src = "image.jpg";
img.onload = function() {
ctx.drawImage(img, 0, 0);
}

使用Canvas繪制圖片的優(yōu)勢在于我們可以更加靈活地控制圖片的展示效果，比如剪裁、旋轉(zhuǎn)、透明度等。但需要注意的是，使用Canvas繪制圖片會消耗更多的資源。

綜上所述，JavaScript中有多種方式可以處理圖片，我們可以根據(jù)具體情況選擇適合的方法來展示圖片。