美文网首页
canvas 点线浮动连接

canvas 点线浮动连接

作者: _MEmeNTO_ | 来源:发表于2019-04-02 18:24 被阅读0次

    demo点这里
    源码点这里

    截图

    使用简单

    // html
    <canvas id="canvas"></canvas>
    
    // js
    
    // npm install point-plot
    import pointPlot from 'point-plot'
    
     pointPlot({
      canvas: document.getElementById('canvas'), // require
      color: '255,255,255', // default
      r: 4, // defalut
      distance: 100, // defarlt
      isConnect: true, // default
      isOnClick: true // default
      isOnMove: true// default
     })
    
    // or
    
    <script src="../dist/bundle.iife.js"></script>
    <script>
      const canvas = document.getElementById('canvas')
      pointPlot({ canvas })
    </script>
    

    相关文章

      网友评论

          本文标题:canvas 点线浮动连接

          本文链接:https://www.haomeiwen.com/subject/gicnbqtx.html