zrender.js 介绍
ZZrender是一个二维绘图引擎，它提供了Canvas，SVG，VML等多种渲染方式，Zrender也是Echarts的渲染器。
zrender.js使用
html代码
<script src="dist/zrender.js"></script>
初始化zrender对象：
var main = document.getElementById('main');
// 初始化zrender
var zr = zrender.init(main);
一个简单的例子，显示一个圆：
var zr = zrender.init(document.getElementById('main'));
var circle = new zrender.Circle({
shape: {
cx: 150,
cy: 300,
r: 40
},
style: {
fill: 'none',
stroke: '#F00'
}
});
zr.add(circle);
我们还可以动态的改变圆的大小：
window.onload = function(){
var zr = zrender.init(document.getElementById('main'));
var circle = new zrender.Circle({
shape: {
cx: 150,
stroke: '#F00'
}
});
zr.add(circle);
document.getElementById("changeBtn").onclick = function(){
circle.attr('shape',{
r:parseFloat(document.getElementById("r_input").value)
});
}
}
GitHub:https://github.com/ecomfe/zrender
网站描述:一个轻量级的画布库，可为ECharts提供2D绘制
zrender.js
小编说
以上是编程之家为你收集整理的zrender.js全部内容。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。