ternlightJavascript图元绘制库
基于HTML CANVAS API的Javascript库,提供在HTML页面上绘制图元——如流程图的能力。
目前已支持简单的矩形图元和图元间的连线(直线、直角连线两种),拖拽图元等能力。
该javascript library的实现借鉴了NetronLight的不少思路,相应地将之命名为ternlight。
目前,支持的主要能力如下:
1. 内置支持连线(直角线和直线);提供了RetangleShape图元;
2. 支持在图元之间进行连线;(从Shape的Connector上可拉出新的连线)
3. 支持label,可编辑/显示文本;label可作为Shape等的子元素(见demo中的MyShape示例);
4. 支持图元在画布中的拖拽;
5. 支持从画布外拖拽新的shape到画布中(见demo中的示例?);
6. 基本编辑支持:删除、增加图元(见5)以及undo、redo;
拖拽新的图元到画布中去:
ternlight的实现中,主要的类及其类之间的关系如下图所示:
email: fancimage@gmail.com
评论
Doodle.jsJavaScript 图形绘制库
Doodle.js 是一个用来在页面上绘制图形的 JavaScript 库。示例代码:(functi
Doodle.jsJavaScript 图形绘制库
0
jsDraw2DJavascript图形绘制库
jsDraw2D是jsFiction公司提供的第一个产品,他们计划创造各种各样的革命性的JavaScript库和应用,来帮助JavaScript开发者,Web开发者以及Web站长扩展JavaScrip
jsDraw2DJavascript图形绘制库
0
nxpdNetworkX 图形绘制库
nxpd一个Python包,用来绘制可视化的NetworkX图形,使用pydot和graphviz包。示例代码:import networkx as nxfrom nxpd import drawG
nxpdNetworkX 图形绘制库
0
Toxiclibs.jsJavaScript图形绘制库
Toxiclibs.js是一个开源的计算机图形设计库,无需外部依赖,使用<canvas>元素进行图形绘制。
Toxiclibs.jsJavaScript图形绘制库
0
Doodle.jsJavaScript 图形绘制库
Doodle.js是一个用来在页面上绘制图形的JavaScript库。示例代码:(function(oo){oo.canvas('#my_canvas');oo.rect({x:25,y:25,wid
Doodle.jsJavaScript 图形绘制库
0