ZRender源码分析6：Shape对象详解之路径
开始 说到这里，就不得不提SVG的路径操作了，因为ZRender完全的模拟了SVG原生的path元素的用法，很是强大。 关于SVG的Path，请看这里： Path (英文版) 或者 【MDN】SVG教程(5) 路径 [译] （中文版）， 很明显的是canvas中的路径没有SVG的用着舒服 ...
原文：ZRender源码分析5：Shape绘图详解
回顾 上一篇说到：ZRender源码分析 ：Painter View层 中，这次，来补充一下具体的shape 关于热区的边框 以圆形为例： 得到的图形如下： arc方法中，参数分别为x,y,r,startAngle,endAngle，但是经过测量，这个圆形的总宽度不是 r ，而是 。迷惑了很久，才明白r是圆心到边框中央的长度，而lineWidth比较小的时候，是看不出这种差别的。 如果要获得热区的 ...
2014-09-23 13:50 1 8052 推荐指数：
相关推荐
zrender源码分析1：总体结构
开始 zrender（Zlevel Render） 是一个轻量级的Canvas类库，这里是GitHub的网址 点我， 类似的类库有Kinetic.JS、EaselJS。 但貌似都没有zrender好用（可能是更加符合国人的习惯），强大的图表工具echarts就是在zrender基础上建立 ...
ZRender源码分析2：Storage(Model层)
回顾 上一篇请移步：zrender源码分析1：总体结构 本篇进行ZRender的MVC结构中的M进行分析 总体理解 上篇说到，Storage负责MVC层中的Model，也就是模型，对于zrender来说，这个model就是shape对象，在1.x表现的还不强烈，到了2.x ...
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源码分析--初探如何画一个圆
用于绘图： 然后直接写代码就可以了。 调用zrender的init接口初始化 // zrende ...
ArrayList详解-源码分析
ArrayList详解-源码分析 1. 概述 在平时的开发中，用到最多的集合应该就是ArrayList了，本篇文章将结合源代码来学习ArrayList。 ArrayList是基于数组实现的集合列表 支持任意性的访问（可根据索引直接得到你想要的元素） 线程不安全 支持动态扩容 ...
android开发之shape详解
很多时候，使用shape能够实现的效果，你用一张图片也能够实现，但问题是一张图片无论你怎么压缩，它都不可能比一个xml文件小，因此，为了获得一个高性能的手机App，我们在开发中应该遵循这样一个原则：能够用shape实现的效果尽量不使用图片来实现。 今天我们就一起来看看shape的使用。 首先，使用 ...