移動端js模擬截圖生成圖片並下載功能的實現方案+踩坑過程
首先，因為用的是第三方的app（釘釘）內嵌webview開發，所以無法拿到截圖的api（而且需要生成的日報超出一個螢幕範圍，截圖也麻煩） 所以，自然想到了使用第三方工具canva
Canvas
小程式中生成二維碼和條形碼
使用wxbarcode模組可以很方便地生成二維碼和條形碼。 效果 安裝 $ npm install wxbarcode 使用方法 import wxbarcode from &
Canvas學習：globalCompositeOperation詳解
在預設情況之下，如果在Canvas之中將某個物體（源）繪製在另一個物體（目標）之上，那麼瀏覽器就會簡單地把源特體的影象疊放在目標物體影象上面。 簡單點講，在Canvas中，把影象源和目標影象，通
canvas toDataURL() 方法如何生成部分畫布內容的圖片
HTMLCanvasElement.toDataURL() 方法返回一個包含圖片展示的 data URI 。可以使用 type 引數其型別，預設為 PNG 格式。
canvas-座標系、圓角矩形、紋理、剪裁
畫布大小 ：由canvas標籤上設定的width，height決定，預設是 300 x 150，這也是畫布座標系x軸和y軸的最大值，超過這兩個值，則意味著超過了畫布大小，超過的部分自然不會生效。 ca
Canvas學習筆記（一）
寫於 2016.01.25 喜歡前端，學習前端的最原始的動機，就是因為它可以製作非常酷炫的效果。然而現在上班所用的技巧，多是在業務邏輯那一塊，並非是我最初想要去做的東西。所以在下班以後，打算重新拾起自己的興
Html5 Canvas動畫基礎（碰撞檢測）
在Canvas中進行碰撞檢測，大家往往直接採用遊戲引擎(Cocos2d-JS、Egret)或物理引擎(Box2D)內建的碰撞檢測功能，好奇的你有思考過它們的內部執行機制嗎？下面將針對基本的碰撞檢測技術進行講解
玩轉「Canvas」
Canvas是 HTML5 新增的，一個可以使用指令碼(通常為JavaScript)在其中繪製圖像的 HTML 元素。它可以用來製作照片集或者製作簡單(也不是那麼簡單)的動畫，甚至可以進行實時視訊處理和渲染。
百度地圖Canvas實現十萬CAD資料秒級載入
背景 前段時間工作室接到一個與地圖相關的專案，我作為專案組成員主要負責地圖方面的設計和開發。由於地圖部分主要涉及的是前端頁面的顯示，作為一名Java後端的小白，第一次寫了這麼多HTML和JavaScri
前端資料操作總結
src轉img function srctoimg(src){ return new Promise((reslove,reject)=>{ let img = new Image()
通過li-canvas輕鬆實現單圖、多圖、圓角圖繪製，單行文字、多行文字等
Html5新增的canvas是個強大的功能， 估計大家平時都會用到，只是頻率不高，偶爾用它合成圖片，但是如果不進行封裝的話，程式碼會很亂，所以對canvas常用的畫圖、繪製文字、儲存功能進行了封裝，目前還比較滿
用canvas實現一個vue彈幕元件
看B站時，對彈幕的實現產生了興趣，一開始想到用css3動畫去實現，後來感覺這樣效能不是很好，查了下資料，發現可以用canvas實現，於是就摸索著寫了一個簡單的彈幕。 彈幕功能 支援動態新增彈
通過li-canvas輕鬆實現單圖、多圖、圓角圖繪製，單行文字、多行文字、豎向文字繪製，自動換行，儲存圖...
Html5新增的canvas是個強大的功能， 估計大家平時都會用到，只是頻率不高，偶爾用它合成圖片，但是如果不進行封裝的話，程式碼會很亂，所以對canvas常用的畫圖、繪製文字、儲存功能進行了封裝，目前還比較滿
「ArrayBuffer」應用-以自動調整照片方向為例
從網頁調起手機拍照時，很多相機程式會自動根據你拍照的方向旋轉以調整照片顯示，但是上傳的照片卻是原始的方向。於是常常造成拍好的照片在網頁上面上下左右顛倒。 對此的解決辦法就是，讀取照片 EXIF 資訊中的 O
繪製矩形
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit