授权协议: Apache
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2013-02-07
提 交 者: fancimage1

基于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

展开阅读全文

代码

ternlight 的相关博客

还没有任何博客,写博客

ternlight 的相关问答

还没有任何问答,马上提问

评论 (1)

加载中
fancimage1软件作者
ternlight1.0发布,基于html5,纯web的流程图绘制库。需要定义自己的图元,继承tern.Shape类即可(可参考demo/myshape.js的示例)。可用于在线设计工作流或展示流程进度等。 ternlight
2013/03/28 21:32
回复
举报
更多评论
1 评论
49 收藏
分享
在线直播报名
返回顶部
顶部