Canvas

從零開始用 electron 手擼一個截圖工具

最近在嘗試利用 electron 將一個 web 版的聊天工具包裝成一個桌面 APP。作為一個聊天工具,截圖可以說是一個必備功能了。不過遺憾的是沒有找到很成熟的庫來用,也可能是開啟方式不對,總之呢沒看到現成的,

自己動手實現一個html2canvas

昨天寫了新手引導動畫的4種實現方式 , 裡面用到了html2canvas 於是就順便了解了一下實現思路. 大概就是 利用svg 的foreignObject 標籤,

H5 和小程式拍照圖片旋轉、壓縮和上傳

原文地址: github.com/whinc/blog/… 最近接到一個“發表評論”的需求:使用者輸入評論並且可以拍照或從相簿選擇圖片上傳,即支援圖文評論。需要同時在 H5 和小程式兩端實現,該需求處理

新手引導動畫的4種實現方式

前一陣子忙著找工作,面試過程中,碰到一個感覺比較有意思的問題,儘量多的列舉出新手引導動畫的實現方式 , 昨天稍微總結了一下, 實現了4種.原始碼在最後,如果想直接看結果的,可以拉到最後去看.

Canvas 多端實現生成圖片及儲存功能

在專案中需要實現生成圖片並儲存到本地的功能,其中包含網路圖片及後端介面返回資料。 而 canvas 作為 HTML5 中新增的標籤,主要用於在網頁實時生成影象,並且可以操作影象內容,故選取 canvas 畫圖

小程式匯出朋友圈海報詳細記錄

小程式提供了轉發給好友的介面,但是沒提供分享到朋友圈的介面。於是,只有引導使用者儲存圖片分享到朋友圈。 兩種方案:用微信 api 手動儲存,用 painter 。 微信 api 使用原生介面的話,大

H5和微信小遊戲 Canvas API 整理

前言 這段時間閒下來,系統學習了微信小程式和微信小遊戲,發現還是挺有意思的。現在微信小遊戲的開發都離不開遊戲引擎,用原生小遊戲開發工具開發的很少很少。但是畢竟我不是專業遊戲開發,所有遊戲引擎就不搞了,我們就

使用ColorfulImg獲取圖片主題色!

前幾天遇到了獲取圖片主題色的需求,於是去找了一些相關的部落格,發現實現起來相當簡單,於是自己開發了一個獲取圖片主題色的網站--- ColorfulImg 大家可以通過上傳/拖拽圖片的方式

svg、canvas、css3d實現資料視覺化

前言: 這次專案用到了一些自定義的資料視覺化元件,我把我做的部分抽出來幾個典型做個彙總。 分為如下: 星球環繞旋轉圖 -- 方法一: svg:animateMotion+ animateTr

canvas繪圖之鐘表

前言 最近公司做專案用到了統計圖一些東西,我當然用的是第三方類庫,週末在家沒事想起了canvas繪圖,就熟悉了一下並做了一個鐘錶的小例子,如圖: 雖然樣子醜點,但是該有的功能一點都不少,接下

1716151924.4167