| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
12年前发布

Javascript图元绘制库:ternlight

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

Javascript图元绘制库:ternlight

拖拽新的图元到画布中去:

Javascript图元绘制库:ternlight

ternlight的实现中,主要类及其类之间的关系如下图所示:

Javascript图元绘制库:ternlight

项目主页:http://www.open-open.com/lib/view/home/1364519112359

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1364519112359.html
图表/报表制作 JavaScript