ZRender源码分析2：Storage(Model层)
回顾 上一篇请移步：zrender源码分析1：总体结构 本篇进行ZRender的MVC结构中的M进行分析 总体理解 上篇说到，Storage负责MVC层中的Model，也就是模型，对于zrender来说，这个model就是shape对象，在1.x表现的还不强烈，到了2.x ...
原文：zrender源码分析1：总体结构
开始 zrender Zlevel Render 是一个轻量级的Canvas类库，这里是GitHub的网址 点我， 类似的类库有Kinetic.JS EaselJS。 但貌似都没有zrender好用 可能是更加符合国人的习惯 ，强大的图表工具echarts就是在zrender基础上建立， 用zrender和echarts做了两个关于canvas的两个可视化项目之后，忍不住看了下zrender的项目 ...
2014-08-13 15:37 1 8864 推荐指数：
相关推荐
ZRender源码分析3：Painter(View层)-上
回顾 上一篇说到：ZRender源码分析2：Storage(Model层)，这次咱看来看看Painter-View层 总体理解 Painter这个类主要负责MVC中的V（View）层，负责将Storage中的shape对象绘制到canvas中，包括了：更新、渲染、变化大小、导出、修改等操作 ...
ZRender源码分析4：Painter(View层)-中
回顾 上一篇说到：ZRender源码分析3：Painter(View层)-上，接上篇，开始Shape对象 总体理解 先回到上次的Painter的render方法 可以看到，在最核心处，便是调用了storage的遍历shape对象方法，传入的回调便是Painter._brush ...
ZRender源码分析5：Shape绘图详解
回顾 上一篇说到：ZRender源码分析4：Painter(View层)-中，这次，来补充一下具体的shape 关于热区的边框 以圆形为例： 得到的图形如下： arc方法中，参数分别为x,y,r,startAngle,endAngle，但是经过测量，这个圆形的总宽度 ...
zrender源码分析--初探如何画一个圆
今天是想看看使用zrender框架如何去，画一个圆，再加“circle”的文字在圆心。 然后开始代码： 如何部署代码，让zrender跑起来这边就不说了，官方例子就有写，地址是：https://github.com/ecomfe/zrender 准备工作如下： dom中新建一个容器 ...
leveldb 源码--总体架构分析
一 本文目的 对leveldb的总体设计框架分析（关于leveldb基本原理，此文不做阐述，读者可以自行检索文章阅读即可），对leveldb中底层数据存储数据格式，内存数据模型，compact，版本管理，快照等机制实现介绍以及整个leveldb实现源码中各文件源码的职责，方便快速对leveldb ...
ZRender源码分析6：Shape对象详解之路径
开始 说到这里，就不得不提SVG的路径操作了，因为ZRender完全的模拟了SVG原生的path元素的用法，很是强大。 关于SVG的Path，请看这里： Path (英文版) 或者 【MDN】SVG教程(5) 路径 [译] （中文版）， 很明显的是canvas中的路径没有SVG的用着舒服 ...
springboot源码解析-管中窥豹系列之总体结构（一）
了解清楚。 1、新建一个springboot项目 2、分析源码 相比于spring项目或者spri ...