katakanan https://blog.hatena.ne.jp/katakanan/ e-tipsmemo https://e-tipsmemo.hatenablog.com/ web javascript diagram-js プログラム 今回はBase Renderを継承した自作クラスに切り替えるbpmn-jsを参考にすると、lib/drawに主な3つのファイルがあるので それを作る。(今回はまだMyRenderUtilは使わない) 四角をつなげる線を引いたりするのに lib/util/RenderUtilが必要で、 diagram-jsからそれを含めてコピーした。 bpmn-jsのBPMNRendererを参考にdiagram-exampleと同じような動作になるように 必要な関数だけを実装した。 import { componentsToPath, createLine } from '../util/RenderUtil… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fe-tipsmemo.hatenablog.com%2Fentry%2F2019%2F06%2F30%2F000000" title="diagram-js customize 6. CustomizeRenderer - e-tipsmemo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/katakanan/20190629/20190629235554.png Hatena Blog https://hatena.blog 2019-06-30 00:00:00 rich https://e-tipsmemo.hatenablog.com/entry/2019/06/30/000000 1.0 100%