最近做一個小程序的過程中，需要用到截圖功能，網上搜了一下，發現沒有符合要求的，就自己搞了個組件，方便復用。 目前功能很簡單，傳入寬高和圖片路徑即可，寬高是為了計算截圖的比例，只支持縮放和移動。 實現思路是： 1.模擬一個截取框；2.移動圖片位置，縮放圖片；3.獲取圖片在其中的位置(left ...

概述 微信小程序的 Canvas 實在太難用，這里記錄一些場景經驗，提高認識。 畫圖的尺寸問題 在頁面聲明一個 canvas 封裝一個畫圖片到 canvas 的代碼 測試用例： 已知頁面聲明的 canvas 的 style 長寬都是300；圖片 ...

畫布，默認寬高300px * 225px ，其中屬性 canvas-id 是唯一的，如果重復使用 ，畫布將會被隱藏，不再工作。 canvas組件是原生組件，它的層級是最高的，不能通過z-index設置層 級，css動畫對canvas組件無效 ...

　　canvas-id 　　canvas 組件的唯一標識符 　　同一頁面中的 canvas-id 不可重復，如果使用一個 ...

小程序目前只支持轉發，不支持分享朋友圈，為了能實現分享，很多線上小程序通過生成分享圖片，保存到相冊來給用戶增加分享的可能。 具體思路及簡要代碼如下： 大概就這樣，若發現問題，請評論指正~ ...

ec-canvas: https://github.com/ecomfe/echarts-for-weixin 微信小程序通過ec-canvas實現數據可視化。 需求：當前頁面需要渲染多個圖表 問題：二次封裝ec-canvas時，由於組件this指向問題導致圖表覆蓋 解決： 將每一個ec ...

jTopo是什么? jTopo（Javascript Topology library)是一款完全基於HTML5 Canvas的關系、拓撲圖形化界面開發工具包。 jTopo關注於數據的圖形展示，它是面向開發人員的，需要進行二次開發。 使用jTopo很簡單，可以快速 ...

1、需要借助的API：wx.getSystemInfoSync(); 通過API可獲取的值： 2、px與rpx之間轉換的公式：px = rpx / 750 * wx.getSyste ...