CvsEyes

预览

在线演示

使用

• ES6 Module

  npm install --save cvs-eyes

  在项目代码中：

  import CvsEyes from 'cvs-eyes';
  ...
  <CvsEyes color="#f50" lineWidth={4} radius={8} />
  ...

• Script

  <div id="root"></div>
  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
  <script src="<pluginsHost>/dist/index.min.js"></script>
  <script>
  (function() {
      const Eyes = React.createElement(CvsEyes.default, {
          color: '#39f',
          lineWidth: 2,
          radius: 100
      });
      ReactDOM.render(Eyes, document.querySelector('#root');
  }();
  </script>

参数说明

• color<String>: 合法的颜色值，包括rgba、rgb或hex;
• lineWidth<Number>: 眼圈线宽度，建议整偶数。
• radius<Number>: 指定眼球半径，默认值根据眼眶大小按比例自动缩放，最大值不超过眼眶半径 - 2 * 眼眶线宽。