Painter是由酷家樂移動前端團隊打造的一款小程序繪圖組件。

原項目地址：github.com/Kujiale-Mob…

新版地址：github.com/shesw/Paint…

這款交互版原來是為了針對業務中的新需求而由我自己開發的，后來需求改動，所以并沒有用上。組里大佬考慮種種原因（主要是項目沒用上，=0=～～），讓我先在自己的github上開源。這版painter與原版的區別在于：

1. 添加了交互事件。Painter本質是以canvas為基礎的，小程序的canvas有許多限制。允許canvas上元素的交互點擊事件，可以實現更為便捷的功能，比如原來需要在canvas上添加功能按鈕，現在可以直接畫在canvas上
2. 添加拖拽元素的功能。目前這個功能沒有完善好，因為它的滑動動作會與小程序的全屏滑動事件沖突，因此，拖拽功能在固定的頁面上效果才好，如在拖拽時設置overflow: hidden等。

這里將新版的Painter稱為dancing-painter。引入方式請參考readme和demo。

演示：

主要功能：

指原版的painter的功能。這些功能依然是本項目的主(實)要(用)功能。

簡介：

原版的使用簡介請參見 juejin.im/post/5b40b1…

簡單來講，使用過程如下圖所示，可以結合demo來看：

距離首次開源Painter庫已經有一段時間了，這期間獲益于各路道友的幫助和提點，Painter進行了幾波更新（原項目地址)：

新增特性：

1. 增加align屬性，可以使任意元素可以實現左中右對齊。
2. 加入文字換行的能力。對一段文字設置width或者maxLines，都有可能觸發文字的換行。
3. 添加文字的一些屬性：fontWeight, textDecoration, textStyel(fill, stroke), maxLines, lineHeight
4. 圖片mode屬性，實現圖片裁剪、縮放，默認為aspectFill
5. 圖片不設置width, heighti屬性，使用默認寬高
6. left, right, top, bottom對負數的支持

修復問題：

1. 某些機型上切邊會出現黑線。
2. 安卓機型上圓角無法顯示
3. 使用文件前檢查文件是否正常
4. 二維碼大小顯示異常

交互功能：

這一版的特色主要是具備元素的點擊事件實現以及拖拽功能，做出來以后因為項目上暫時用不上，所以感覺功能上可能比較雞肋。不過還蠻好玩的