TernLight 第一个版本发布,JavaScript图元绘制库 - 开源中国社区
Float_left Icon_close
TernLight 第一个版本发布,JavaScript图元绘制库
fancimage1 2013年03月28日

TernLight 第一个版本发布,JavaScript图元绘制库

fancimage1 fancimage1 发布于2013年03月28日 收藏 36 评论 4

阿里云高性能云服务器,2折起! >>> >>>  

    TernLight是基于HTML CANVAS API的Javascript库,提供在HTML页面上绘制图元——如流程图的能力(类似Viso)。目前在chrome、firefox、IE9上测试通过。

    借助于TernLight,开发人员可以定制自己需要的图元,只需从tern.Shape类继承新类并重写paint()即可(可参考demo目录下的示例)。一个常见的应用场景是基于TernLight开发在线的工作流编辑器,或开发工作流的在线展示功能。

    目前,支持的主要能力如下:

    1. 内置支持连线(直角线和直线);提供了RetangleShape图元;

    2. 支持在图元之间进行连线;(从Shape的Connector上可拉出新的连线)

    3. 支持label,可编辑/显示文本;label可作为Shape等的子元素(见demo中的MyShape示例);

    4. 支持图元的拖拽;

    5. 支持从画布外拖拽新的shape到画布中(见demo中的示例);

TernLight的demo示例效果图如下:

    

 下图展示了TernLight的类图,有助于阅读、理解ternlight的源码:


本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:TernLight 第一个版本发布,JavaScript图元绘制库
分享
评论(4)
最新评论
0

引用来自“Vasili”的评论

你做的?!
是的,一些思路参照Netron Light(c#)。
0
你做的?!
0
正在研究学习,希望能改造成我需要做的东西
0
mark
顶部