개시하다

HTML의 Canvas를 사용하여 GraphivizCanviz의 xdot 데이터를 그리는 JavaScript가 있는 프로그램 라이브러리입니다.
Canviz는 편리하지만 내부는 prootype입니다.js와 jquery 등을 사용하면 인연이 맞지 않아 외부 프로그램 라이브러리CanvizPlain에 의존하지 않기 때문에 공유합니다.

CanvizPlain

성장하다

CanvizPlaain은 Canviz-0.1의 마이그레이션입니다.
Canviz-0.1은 주로 Prootypejs를 사용하여 Class 계승 등을 하기 때문에 이 근처에서 CoffeeScript로 다시 쓰기 때문에 외부 프로그램 라이브러리가 필요하지 않습니다.
CanvizPlainGitHub이 공개됐다.

사용법

이렇게 사용합니다.
sample.js

// include canviz.js

var xdotText = "... Your xdot text ...";
var canviz = new Canviz("canvas");  // ID of a div like tag.
canviz.parse(xdotText);

견본

GiitHub에 샘플을 집행하면 이런 느낌을 줄 수 있습니다.

이식 시

오리지널load_graph()에는 이런 방법이 있지만 JQuery와 다른 수단을 사용하면 통신 자체가 매우 간단해서 그 부분을 실시하지 않았다.아니면 그런 경우가 없어서 통신을 쓰는 게 귀찮아서 포기한 거겠지.
이식할 때 새 버그가 박혔을 수도 있어요.
일단 캔비즈가 첨부한 몇 가지 샘플이 대체로 움직이는 것을 확인했다.

License

MIT License입니다.