直播軟體原始碼,在vue中使用html2canvas在前端生成圖片
直播軟體原始碼,在vue中使用html2canvas在前端生成圖片
1、安裝
npm install html2canvas
2、用法
import html2canvas from 'html2canvas'; html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); });
在vue中使用,轉換成圖片下載至本地
<div ref="imageDom"></div> html2canvas(this.$refs.imageDom, { useCORS: true, //圖片跨域,開啟跨域配置 logging: false,//日誌開關,便於檢視html2canvas的內部執行流程 taintTest: true,//是否在渲染前測試圖片 }).then(canvas => { // 轉成圖片,生成圖片地址 let imgUrl = canvas.toDataURL("image/png"); //可將 canvas 轉為 base64 格式 let eleLink = document.createElement("a"); eleLink.href = imgUrl; // 轉換後的圖片地址 eleLink.download = "名稱"; document.body.appendChild(eleLink); eleLink.click(); document.body.removeChild(eleLink); });
以上就是直播軟體原始碼,在vue中使用html2canvas在前端生成圖片, 更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2936642/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播軟體原始碼,Vue獲取URL圖片的寬高原始碼Vue
- uni-app 中使用 html2canvas 生成圖片APPHTMLCanvas
- 在vue專案中基於html2canvas實現網頁儲存為圖片VueHTMLCanvas網頁
- html2canvas 如何生成高清圖片HTMLCanvas
- html2canvas生成圖片顯示不全HTMLCanvas
- 直播軟體原始碼,CSS3實現圖片立體旋轉動畫原始碼CSSS3動畫
- 直播app原始碼,使用vue-awesome-swiper建立輪播圖幻燈片APP原始碼Vue
- app直播原始碼,Vue獲取URL圖片的寬高APP原始碼Vue
- Vue專案中使用html2canvas生成頁面截圖VueHTMLCanvas
- 直播平臺原始碼,vue圖片中劃框擷取部分圖片原始碼Vue
- 在stable diffussion中控制生成圖片的光線
- 在大流量下,直播app原始碼中訂單號的生成方式APP原始碼
- 在PHP裡使用 ImageMagick 生成 base64 圖片PHP
- 影片直播系統原始碼,vue中captcha.js生成驗證碼原始碼VueAPTJS
- 直播系統原始碼,使用者在點選圖片時,通過淡入淡出的方式放大圖片的兩種方法原始碼
- 影片直播原始碼,載入gif圖片原始碼
- 在vue3中手寫按需載入圖片Vue
- 直播軟體原始碼,vue 自定義指令過濾特殊字元原始碼Vue字元
- 使用 Alfred 在 markdown 中優雅的使用圖片Alfred
- 直播軟體原始碼,Android---Banner輪播圖原始碼Android
- 在vue3?原始碼中學會typescript? - "is"Vue原始碼TypeScript
- 網店分類圖片生成軟體
- 在 pc 端使用安卓截圖軟體安卓
- 直播商城原始碼,PopupWindow選單在ListView中顯示原始碼View
- 線上直播系統原始碼,實現在圖片上塗鴉並記錄塗鴉軌跡原始碼
- app直播原始碼,軟體登入時的背景圖更改APP原始碼
- 在DELPHI中圖片轉換
- 前端MVVM模式及其在Vue和React中的體現前端MVVM模式VueReact
- 影片直播系統原始碼,在Laravel中自定義模板函式 並在模板中呼叫原始碼Laravel函式
- 直播app原始碼,js圖片下載方式集合APP原始碼JS
- 直播平臺原始碼,圖片放大瀏覽功能原始碼
- 影片直播原始碼,圖片選擇器ImagePicker原始碼
- 成品直播原始碼,例項原始碼系列-更改圖片透明度原始碼
- 直播軟體原始碼,自定義修改原本已有的圖示原始碼
- 快速運營搭建直播軟體平臺直播原始碼!原始碼
- 直播app系統原始碼,在 Flutter 中更改文字的字型系列APP原始碼Flutter
- 直播平臺搭建原始碼,更改圖片透明度原始碼
- app直播原始碼,為文字/圖片新增按壓效果APP原始碼