vue mxgraph samples

vue-mxgraph-サンプル

vue2 で mxgraph を使用するいくつかの使用例 / vue2 で mxgraph を使用する

コアファイル

mxgraph をカプセル化するために使用されるコア ファイル vue-mxgraph/src/assets/mxgraph/4.0.0/mxgraph.js

 let mxgraphFactory = require('mxgraph')

const factory = new mxgraphFactory({
  mxImageBasePath: 'assets/mxgraph/4.0.0/images',
  mxBasePath: 'assets/mxgraph/4.0.0'
})

module.exports = factory

vueで参照されるメソッドは以下の通り

 import {
  mxClient,
  mxUtils,
  mxEvent,
  mxGraph,
  mxConstants,
  mxRubberband
} from '@/assets/mxgraph/4.0.0/mxgraph'

例：

vue-mxgraph/src/views/Graph.js

参照:

jgraph/mxgraph/issues/175/npm インストール

mxGraph を npm モジュールとして使用するとエディターが作成されない

デモ