sidebarDepth: 2
介绍
插件基于Canvas渲染图形,用法简单,极易上手。内置了较为丰富的基础图形,能够极大提升开发效率,在此基础上,你也可以十分容易的扩展新图形。
点击以重新播放。
特点
- 动效
基于transition插件提供了动效支持,调用图形实例的animation方法去更改其状态,CRender将自动渲染图形状态过渡动画,动画——轻而易举
- 交互
内置的基础图形都提供了drag、mouseEnter、mouseOut、click等功能及事件的支持
安装
- npm安装
npm install @jiaminghi/c-render
- yarn安装
yarn add @jiaminghi/c-render
快速体验
<!--资源位于个人服务器仅供体验和测试,请勿在生产环境使用-->
<!--调试版-->
<script src="http://lib.jiaminghi.com/crender/crender.map.js"></script>
<!--压缩版-->
<script src="http://lib.jiaminghi.com/crender/crender.min.js"></script>
<script>
const { CRender, extendNewGraph } = window.CRender
// do something
</script>
扩展
要为CRender扩展新的图形请参阅扩展