調整圖片尺寸

2023年3月24日 1 分鐘閱讀文檔圖片尺寸

學習如何調整圖片尺寸。

贊助

成為我們的資助者或贊助商，以支持我們的工作。

本頁內容

贊助商

語法

你需要指定 width 和 height 查詢參數以調整圖片尺寸。

公共圖片和外部圖片的原始大小不會被改變。

源碼

1![Resize](/images/great-wall.jpg?width=300)

結果

源碼

1![Resize](/images/great-wall.jpg?height=180)

結果

源碼

1![Resize](/images/great-wall.jpg?width=300&height=180)

結果

源碼

1![Resize](/images/great-wall.jpg?width=300&quality=100)

結果

源碼

1![Resize](images/example.jpg?width=100&height=100)

結果

推薦使用 naturalWidth 和 naturalHeight 查詢參數將外部圖片的原始尺寸告知模塊。

源碼

1![Resize](https://avatars.githubusercontent.com/u/128204519?s=200&v=4&naturalWidth=200&naturalHeight=200&width=100&height=100)

結果