Hike News
Hike News

Victor.js 繪製 2D 向量圖

簡介

這是繪製 2D 向量圖的運算套件,可以快速計算出要產生的點並提供 canvas 繪製使用。
又因為檔案容量小,所以適合和 動態效果 配合應用。

官網
http://victorjs.org/

https://jumpoff.io/blog/implementing-boids-in-javascript-canvas

載入方式

  • bower

    1
    2
    3
    bower install victor --save

    <script src="./bower_components/victor/build/victor.js"></script>
  • npm

    1
    2
    3
    npm install victor --save

    var Victor = require('victor');
  • CDN
1
2
https://cdnjs.cloudflare.com/ajax/libs/victor/1.1.0/victor.js
https://cdnjs.cloudflare.com/ajax/libs/victor/1.1.0/victor.min.js

建立

1
var vec = new Victor(42, 1337);

這一行就代表建立一個有 (X, Y) 值的點,建立時不限一個點,也可以用陣列一次建立多個點

說明文件

http://victorjs.org/#documentation