如何調整畫布內容並獲得調整大小(壓縮)的影像Base64資料?
我玩的
canvas
並且創造了一個演示。
現在我可以畫東西,帆布和獲取資料
.toDataURL()
。
一切都完美,除了影像的資料太大了。 我只需要一個很小的版本的圖紙。
有什麼方法(可能),我可以調整畫布上一個較小的版本和負載大小的影像資料? 它有點像壓縮影像的純JavaScript。
例如,我讓使用者利用1000 px * 500畫素的畫布,調整到50 px * 25 px。 調整base64資料將會非常小,方便進一步的網路傳輸。 這就是我想要的。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31559515/viewspace-2219975/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- win10畫板調整大小為A4怎麼設定_win10畫板如何調整大小Win10
- 如何調整Pycharm字型大小PyCharm
- Excel如何調整圖片大小Excel
- 如何調整Docker裡面的Image 大小?Docker
- 如何使用Automator服務在Mac上快速調整影像大小Mac
- sga_target大小調整
- 資料塊調整
- win10工作列預覽視窗大小如何調整_win10工作列縮圖預覽視窗大小的調整方法Win10
- win10版photoshop畫面放大縮小怎麼調整 win10系統photoshop圖層大小調整操作方法Win10
- MAC新手教程:如何快速調整Dock欄的大小Mac
- win10系統如何使用自帶Photos應用調整影像大小Win10
- 為什麼資料庫調整大小如此困難?資料庫
- 搜狐架構大調整:成立原創和內容獲取中心架構
- launchpad圖示大小怎麼調整?mac圖示調整大小方法介紹Mac
- win10如何調整開始欄大小_win10開始欄怎麼調整Win10
- 批量調整視訊尺寸大小的方法,一鍵自動批量調整視訊
- oracle資料庫的效能調整Oracle資料庫
- java+opencv 目標影像調整JavaOpenCV
- Linux系統調整swap大小Linux
- wps批量調整圖片大小
- ORACLE RAC+DG調整redo大小Oracle
- JavaScript滑鼠拖動調整div大小JavaScript
- Oracle調整redo log日誌大小Oracle
- 資料檔案位置調整
- 調整資料庫引數資料庫
- iphone根據文字內容調整label高度的方法。iPhone
- 8-01. 邏輯調整及補充內容
- win10圖示間距大小怎麼調整_win10如何調整圖示間距Win10
- 如何設定textarea文字框不可以調整大小
- Linux 中如何使用 gThumb 批次調整圖片大小Linux
- 調整CALLCENTER系統的資料庫資料庫
- oracle資料庫的效能調整(轉)Oracle資料庫
- Iridient Developer for macRAW影像調整軟體DeveloperMac
- 圖片大小調整工具:Image Resizer for MacMac
- Nginx 調整檔案上傳大小限制Nginx
- Fast Resize for Mac(圖片大小調整工具)ASTMac
- jQuery滑鼠拖動調整數字大小jQuery
- 禪道檔案大小限制-nginx 調整Nginx