canvas 點(diǎn)線浮動(dòng)連接

demo點(diǎn)這里
源碼點(diǎn)這里

截圖

使用簡單

// 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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • # Awesome Python [![Awesome](https://cdn.rawgit.com/sindr...
    emily_007閱讀 2,334評(píng)論 0 3
  • # Python 資源大全中文版 我想很多程序員應(yīng)該記得 GitHub 上有一個(gè) Awesome - XXX 系列...
    小邁克閱讀 3,124評(píng)論 1 3
  • # An illustrated introduction to the t-SNE algorithm In t...
    野牛公爵閱讀 522評(píng)論 0 0
  • 1-------- 走進(jìn)前端 2-------- jQuery 3-------- CSS 4-------- A...
    依依玖玥閱讀 2,424評(píng)論 0 34
  • 每當(dāng)創(chuàng)建類或結(jié)構(gòu)時(shí),將會(huì)調(diào)用其構(gòu)造函數(shù)。 類或結(jié)構(gòu)可能具有采用不同參數(shù)的多個(gè)構(gòu)造函數(shù)。 使用構(gòu)造函數(shù),程序員能夠設(shè)...
    func_老衲姓羅閱讀 395評(píng)論 0 1

友情鏈接更多精彩內(nèi)容