原文:ZRender源碼分析2:Storage(Model層)

回顧 上一篇請移步:zrender源碼分析 :總體結構 本篇進行ZRender的MVC結構中的M進行分析 總體理解 上篇說到,Storage負責MVC層中的Model,也就是模型,對於zrender來說,這個model就是shape對象,在 .x表現的還不強烈,到了 .x, 在zr.addShape 的時候,傳入的參數就必須是new出來的對象了詳情請看這里 .x相比 .x的變化 ,關於這個變化多說 ...

2014-09-01 11:20 0 4202 推薦指數:

查看詳情

ZRender源碼分析3:Painter(View)-上

回顧 上一篇說到:ZRender源碼分析2:Storage(Model),這次咱看來看看Painter-View 總體理解 Painter這個類主要負責MVC中的V(View),負責將Storage中的shape對象繪制到canvas中,包括了:更新、渲染、變化大小、導出、修改等操作 ...

Fri Sep 19 01:30:00 CST 2014 0 3945
ZRender源碼分析4:Painter(View)-中

回顧 上一篇說到:ZRender源碼分析3:Painter(View)-上,接上篇,開始Shape對象 總體理解 先回到上次的Painter的render方法 可以看到,在最核心處,便是調用了storage的遍歷shape對象方法,傳入的回調便是Painter._brush ...

Fri Sep 19 23:49:00 CST 2014 2 3511
zrender源碼分析1:總體結構

開始 zrender(Zlevel Render) 是一個輕量級的Canvas類庫,這里是GitHub的網址 點我, 類似的類庫有Kinetic.JS、EaselJS。 但貌似都沒有zrender好用(可能是更加符合國人的習慣),強大的圖表工具echarts就是在zrender基礎上建立 ...

Wed Aug 13 23:37:00 CST 2014 1 8864
ZRender源碼分析5:Shape繪圖詳解

回顧 上一篇說到:ZRender源碼分析4:Painter(View)-中,這次,來補充一下具體的shape 關於熱區的邊框 以圓形為例: 得到的圖形如下: arc方法中,參數分別為x,y,r,startAngle,endAngle,但是經過測量,這個圓形的總寬度 ...

Tue Sep 23 21:50:00 CST 2014 1 8052
zrender源碼分析--初探如何畫一個圓

今天是想看看使用zrender框架如何去,畫一個圓,再加“circle”的文字在圓心。 然后開始代碼: 如何部署代碼,讓zrender跑起來這邊就不說了,官方例子就有寫,地址是:https://github.com/ecomfe/zrender 准備工作如下: dom中新建一個容器 ...

Mon Sep 29 00:22:00 CST 2014 0 3061
ZRender源碼分析6:Shape對象詳解之路徑

開始 說到這里,就不得不提SVG的路徑操作了,因為ZRender完全的模擬了SVG原生的path元素的用法,很是強大。 關於SVG的Path,請看這里: Path (英文版) 或者 【MDN】SVG教程(5) 路徑 [譯] (中文版), 很明顯的是canvas中的路徑沒有SVG的用着舒服 ...

Sat Sep 27 01:37:00 CST 2014 2 3750
MyBatis 源碼分析 - 基礎支持

參考 知識星球 中 芋道源碼 星球的源碼解析,一個活躍度非常高的 Java 技術社群,感興趣的小伙伴可以加入 芋道源碼 星球,一起學習😄 該系列文檔是本人在學習 Mybatis 的源碼過程中總結下來的,可能對讀者不太友好,請結合我的源碼注釋(Mybatis源碼分析 GitHub ...

Mon Nov 23 02:26:00 CST 2020 1 570
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM