背景
最近设计师控制不住自己的洪荒之力,设计图搞得高端大气上档次,各种曲线满天飞。为了更好地实现页面效果,经常需要绘制形如下图的贝塞尔曲线:
一般实现这种效果有两种思路:SVG和Canvas。直接使用Canvas去画贝塞尔曲线比较繁琐,故在开发中使用了ZRender.js这款Canvas库。
ZRender简介
ZRender是EChart的底层库,功能十分强大,可以很方便地在Canvas中绘制各种图形。
截止今日(2017-11-16),ZRender的最新版本为3.7.x
,而直接在必应上面搜索ZRender搜出来的官网和文档都是几年前的比较老旧的、基于2.x
版本资料,但是最新版的3.7.x
的API与2.x
版本的相比有很多API和使用方法都发生了较大的改变,因此应直接查看新版资料:
github:https://github.com/ecomfe/zrender
文档地址:https://ecomfe.gith