sidebarDepth: 2

介绍

插件基于Canvas渲染图形，用法简单，极易上手。内置了较为丰富的基础图形，能够极大提升开发效率，在此基础上，你也可以十分容易的扩展新图形。

点击以重新播放。

<<< @/docs/.vuepress/components/showAnimation.vue

特点

  • 动效

基于transition插件提供了动效支持，调用图形实例的animation方法去更改其状态，CRender将自动渲染图形状态过渡动画，动画——轻而易举

Transition

  • 交互

内置的基础图形都提供了drag、mouseEnter、mouseOut、click等功能及事件的支持

安装

  • npm安装
  1. npm install @jiaminghi/c-render
  • yarn安装
  1. yarn add @jiaminghi/c-render

快速体验

  1. <!--资源位于个人服务器仅供体验和测试，请勿在生产环境使用-->
  2. <!--调试版-->
  3. <script src="http://lib.jiaminghi.com/crender/crender.map.js"></script>
  4. <!--压缩版-->
  5. <script src="http://lib.jiaminghi.com/crender/crender.min.js"></script>
  6. <script>
  7.   const { CRender, extendNewGraph } = window.CRender
  8.   // do something
  9. </script>

扩展

要为CRender扩展新的图形请参阅扩展