這次帶給大家EasyCanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as繪圖庫在Pixeler專案開發中使用實戰總結,EasyCanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as繪圖庫在Pixeler專案開發中使用的注意事項有哪些,以下就是實戰案例,一起來看一下。
歡迎交換友鏈: laker.me--進擊的程式媛
Github:https://github.com/younglaker
V信: lakerHQ (請註明'來自部落格')
Pixler:一個用於設計像素圖片(EasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結)的應用。
EasycanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as.js:CanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as 繪圖庫
我對EasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結有興趣,在做EasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結前要設計圖紙,類似畫像素圖。我試用了網路上能搜尋的幾個EasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結圖紙設計的應用,但是沒有適合我的,我就想著自己開發一個。
EasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結圖紙就類似像素圖,我剛開始構思如何開發的時候,想著它有點像下棋。所以我參考了五子棋的下棋原理。我在五子棋的演算法上優化了滑鼠點擊時落腳的位置的計算方法,即滑鼠點擊時,獲取點擊位置,計算出它處於哪個方格中,在那個方格中畫上一個像素點,用一個二維數組記錄方格中已繪製的位置。這就完成了初步的EasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結像素圖的演算法設計。
在以往的開發中,我都要求每一步都精益求精,導致整體進度緩慢,常常停留在初步階段,就把自己繞暈。所以在此次開發中,嘗試了小步快跑、快速迭代的方法。
第一版開發的時候,我盡量減少對效能、程式碼最佳化的思考,在最快的速度完成基本功能,也就是如何繪製像素點和刪除像素圖。
這樣沒有束縛的情況下,只需要集中精力完成功能的演算法,很快就實現基本功能。
當然,程式碼也是很簡單粗暴的,就需要第二版的完善。
首先,把畫布分成兩層,一層是參考線畫布,一層是繪圖畫布。參考線畫佈在初始化後就不需要修改,所有操作只需要在繪圖畫布上進行,減少了繪圖時候的工作量。
然後,把通用功能的程式碼封裝成公用函數,減少冗餘。
Pixler 主要程式碼是CanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as 繪圖,所以可以把CanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as 主要繪圖功能封裝一下,單獨成一個繪圖庫,減少主程式碼冗餘,也方便在其他項目中引用。
在大學期間,我研究jQuery 的時候就彷著寫了一個鍊式結構的JaEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結aScript 框架Oct.js,加上第一、第二版本對CanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as 介面的熟悉,所以開發起來並不困難。但在介面設計上重複弄了幾次,這部分的經驗我也寫了一篇文章 《EasyCanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as:連續畫圖的一些總結》 記錄了一下。
開發 EasycanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as.js,不僅是在 JaEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結aScript 開發、CanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as 運用上的提升,也是一個開源專案的完整實作。期間有一個小夥伴加入參與了合作,可惜沒參與太多功能就退出了,但還是一次很好的開源專案的體驗。
在開發程式碼的過程中,也寫了相關的文檔。介面不斷優化修改,文件也不斷的調整,就連文檔格式也做了多次調整,工作量是不小,但也不厭其煩。
由於時間原因,在開發 EasycanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as.js 基礎版本後就去做別的專案。間隔一段時間回來再看,基本上沒有有最初開發時候的熟悉感,這就得靠我之前寫的文檔了。所以,好的文件是專案的開門鑰匙。
就這樣,我像一個剛接觸這個繪圖庫的使用者一樣,參考文檔,把 EasycanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as.js 重構了 Pixler 的繪圖程式碼。同時,在應用的過程中發現了 EasycanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as.js 的不足,又反過來進行完善。兩個項目相輔相成。
相比先前開發的Oct.js,只有開發和單元測試,並沒有大規模地應用到實際專案中(我也嘗試過,但一旦專案做大,就涉及到jQuery 插件,就不得不引入jQuery,就和Oct.js 重複了,就只好把Oct.js 刪掉)。
所以,這次 Pixler 和 EasycanEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結as.js 的開發,從0到1再到100,是一個很好的經驗。不僅是程式設計技能上的提升,還是專案管理上累積了經驗。
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
aEasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結alon前端專案中使用解析
以上是EasyCanvas繪圖庫在Pixeler專案開發中使用實戰總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!