如何調整畫布內容並獲得調整大小(壓縮)的影像Base64資料?
我玩的
canvas
並且創造了一個演示。
現在我可以畫東西,帆布和獲取資料
.toDataURL()
。
一切都完美,除了影像的資料太大了。 我只需要一個很小的版本的圖紙。
有什麼方法(可能),我可以調整畫布上一個較小的版本和負載大小的影像資料? 它有點像壓縮影像的純JavaScript。
例如,我讓使用者利用1000 px * 500畫素的畫布,調整到50 px * 25 px。 調整base64資料將會非常小,方便進一步的網路傳輸。 這就是我想要的。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31559515/viewspace-2219975/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 如何調整Pycharm字型大小PyCharm
- win10畫板調整大小為A4怎麼設定_win10畫板如何調整大小Win10
- 如何使用Automator服務在Mac上快速調整影像大小Mac
- 「Adobe國際認證」Adobe Photoshop調整裁剪、旋轉和畫布大小
- 如何調整Docker裡面的Image 大小?Docker
- win10工作列預覽視窗大小如何調整_win10工作列縮圖預覽視窗大小的調整方法Win10
- launchpad圖示大小怎麼調整?mac圖示調整大小方法介紹Mac
- win10版photoshop畫面放大縮小怎麼調整 win10系統photoshop圖層大小調整操作方法Win10
- MAC新手教程:如何快速調整Dock欄的大小Mac
- Linux系統調整swap大小Linux
- wps批量調整圖片大小
- 為什麼資料庫調整大小如此困難?資料庫
- win10系統如何使用自帶Photos應用調整影像大小Win10
- 批量調整視訊尺寸大小的方法,一鍵自動批量調整視訊
- win10如何調整開始欄大小_win10開始欄怎麼調整Win10
- JavaScript滑鼠拖動調整div大小JavaScript
- Python 調整PDF頁面尺寸大小Python
- ORACLE RAC+DG調整redo大小Oracle
- Iridient Developer for macRAW影像調整軟體DeveloperMac
- win10圖示間距大小怎麼調整_win10如何調整圖示間距Win10
- 8-01. 邏輯調整及補充內容
- 禪道檔案大小限制-nginx 調整Nginx
- Fast Resize for Mac(圖片大小調整工具)ASTMac
- Nginx 調整檔案上傳大小限制Nginx
- 圖片大小調整工具:Image Resizer for MacMac
- 調整Caps Lock和Shift大小寫控制
- 大量影片畫面怎麼批次調整色調?
- 如何才能快速新增字幕並調整幀速率呢?
- Mac 使用心得,調整MacOS的游標大小Mac
- Chopping Block for Mac 圖示大小調整軟體BloCMac
- Gamma調整GAM
- Oracle - 資料庫的記憶體調整Oracle資料庫記憶體
- 新增的影像批次調整背景或顯示方法
- 記憶體壓力及IO壓力調整方法記憶體
- 字串的調整II字串
- 如何用利特爾法則調整執行緒池大小執行緒
- 如何使用利特爾法則調整執行緒池大小執行緒
- kindeditor 上傳圖片 自動調整尺寸大小