interactjsをAngularで最短で動かしてみる

環境 interactjsとは？ https://github.com/taye/interact.js JavaScriptでドラッグ＆ドロップ、リサイズ、マルチタッチジェスチャー（慣性とスナッピング機能付き）を実装できるライブラリ。 色々なデモ インストール でインストール。 実装 template まずテンプレート側でdivを作成する。 component 次に、 コンポーネント側でcanvasを取得し、 interactを呼び出す。 これで画面表示まで行けた。 後は自由にカスタマイズしていける。 カスタマイズ - 要素を自由にカスタマイズしたかったので、translateではなくabsoluteにした - 複数要素に対応 - ドラッグやリサイズはハンドルを使用する とかいろいろ、やりたいことは結構実現できるカスタマイズ性の高いライブラリーだった。 Fabric.jsをAngularで最短で動かしてみる domを動かしたかったというのがあるので、Fabric.jsではなくinteractを採用した。