我想知道如何在 JS 中使用畫布。我有以下問題：
- 假設我輸入了一張圖片，并且在我的頁面上我可以訪問它的blob src（據我所知，這是動態獲取圖片的最佳方式）：
<img ... src="blob...">
現在我想在我的 JS 中獲取此影像，然后對其進行修改（調整大小等）。blob src 是否足以做到這一點？
當我用畫布調整影像大小時，在哪里存盤調整后的影像？在輸入標簽的值屬性中還是什么？在通過網路發送之前在前面調整影像大小的最佳做法是什么？該輸入在我的表單中，因為我想將該調整大小的影像發送到我的服務器，而不是溢位我的網路。
另外，是否可以使用 JS 在該影像上粘貼水印？
希望你明白了，并提前非常感謝！
uj5u.com熱心網友回復：
您可以將影像下載并存盤為Image物件，不必將其保存在 html 中。
您可以使用drawImage函式將其繪制在畫布上，該函式可讓您以您選擇的比例繪制影像。您可以使用相同的功能在畫布上繪制水印。
對畫布上的影像感到滿意后，您可以使用toBlob函式將其作為 blob 獲取并上傳到您的服務器
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/481633.html
標籤：javascript 图片 帆布 斑点 图像大小调整
上一篇：更改訓練集中的所有影像