zrender源码分析1：总体结构

【zrender源码分析1：总体结构】的更多相关文章

ZRender源码分析2：Storage(Model层)

回顾上一篇请移步:zrender源码分析1:总体结构本篇进行ZRender的MVC结构中的M进行分析总体理解上篇说到,Storage负责MVC层中的Model,也就是模型,对于zrender来说,这个model就是shape对象,在1.x表现的还不强烈,到了2.x, 在zr.addShape()的时候,传入的参数就必须是new出来的对象了详情请看这里 2.x相比1.x的变化,关于这个变化多说点吧,那就是从1.x升级到2.x的时候,因为方式变了,总不能改掉所有的代码,总不能像ext一样,…

ZRender源码分析4：Painter(View层)-中

回顾上一篇说到:ZRender源码分析3:Painter(View层)-上,接上篇,开始Shape对象总体理解先回到上次的Painter的render方法 /** * 首次绘图,创建各种dom和context * 核心方法,zr.render() --> painter.render * * render和refersh的区别:render是clear所有,refresh是清除已经改变的layer * * @param {Function=} callback 绘画结束后的回调函数 */…

ZRender源码分析3：Painter(View层)-上

回顾上一篇说到:ZRender源码分析2:Storage(Model层),这次咱看来看看Painter-View层总体理解 Painter这个类主要负责MVC中的V(View)层,负责将Storage中的shape对象绘制到canvas中,包括了:更新.渲染.变化大小.导出.修改等操作. Painter这个类还是很明显的构造函数,然后把方法赋值到Painter.prototype上,无新奇之处,下面为示例代码.只有在Painter.js末尾有一个内部的createDom函数, 很明显,传入i…

MySQL源码分析以及目录结构 2

原文地址:MySQL源码分析以及目录结构作者:jacky民工主要模块及数据流经过多年的发展,mysql的主要模块已经稳定,基本不会有大的修改.本文将对MySQL的整体架构及重要目录进行讲述. 源码结构(MySQL-5.5.0-m2) BUILD: 内含在各个平台.各种编译器下进行编译的脚本.如compile-pentium-debug表示在pentium架构上进行编译的脚本. Client: 客户端工具,如mysql, mysqladmin之类. Cmd-line-utils: readlin…

MySQL源码分析以及目录结构

原文地址:MySQL源码分析以及目录结构作者:jacky民工主要模块及数据流经过多年的发展,mysql的主要模块已经稳定,基本不会有大的修改.本文将对MySQL的整体架构及重要目录进行讲述. 源码结构(MySQL-5.5.0-m2) BUILD: 内含在各个平台.各种编译器下进行编译的脚本.如compile-pentium-debug表示在pentium架构上进行编译的脚本. Client: 客户端工具,如mysql, mysqladmin之类. Cmd-line-utils: readlin…

ZRender源码分析5：Shape绘图详解

回顾上一篇说到:ZRender源码分析4:Painter(View层)-中,这次,来补充一下具体的shape 关于热区的边框以圆形为例: document.addEventListener('DOMContentLoaded', function () { var canvasDom = document.getElementById('canvasId'), context = canvasDom.getContext('2d'); context.lineWidth = 50; cont…

ffplay源码分析2-数据结构

ffplay是FFmpeg工程自带的简单播放器,使用FFmpeg提供的解码器和SDL库进行视频播放.本文基于FFmpeg工程4.1版本进行分析,其中ffplay源码清单如下: https://github.com/FFmpeg/FFmpeg/blob/n4.1/fftools/ffplay.c 在尝试分析源码前,可先阅读如下参考文章作为铺垫: [1]. 雷霄骅,视音频编解码技术零基础学习方法 [2]. 视频编解码基础概念 [3]. 色彩空间与像素格式 [4]. 音频参数解析 [5]. FFmpe…