ternlight

Javascript图元绘制库
授权协议 Apache
开发语言 JavaScript
所属分类 Web应用开发、 HTML5开发相关
软件类型 开源软件
地区 国产
投 递 者 尉迟华翰
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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

 相关资料
  • 除了绘制矢量图形和文本之外,canvas还提供了极为丰富的图像支持。开发者可以选择绘制某幅图像的全部或某个部分,在绘制时可以进行缩放或保持原样,可以把图像绘制到画布的任何地方。同时,还允许开发人员直接访问画布的像素数据。数据访问是双向的,既可以获取画布中的像素数据,也可以把像素重新绘制到画布中。 Canvas的API提供了如下4个用于绘制及操作图像的方法: drawImage():把图像、或另一个

  • 通过绘制一幅简单的图像,让我们直奔主题。本节,我们将学习如何加载一幅图像,并把它绘制到画布的某个地方。 图3-1 绘制图像 绘制步骤 按照以下步骤,在画布中央绘制一幅图像: 1. 定义画布上下文: window.onload  = function(){ var canvas  = document.getElementById("myCanvas"); var context  = c

  • 2D 绘图上下文内置了对图像的支持。如果你想把一幅图像绘制到画布上,可以使用drawImage()方法。根据期望的最终结果不同,调用这个方法时,可以使用三种不同的参数组合。最简单的调用方式是传入一个HTML <img>元素,以及绘制该图像的起点的x 和y 坐标。例如: var image = document.images[0]; context.drawImage(image, 10, 10);

  • 导语 Qt提供了四个类来处理图像数据:QImage、QPixmap、QBitmap和QPicture,它们也都是常用的绘图设备。其中QImage主要用来进行I/O处理,它对I/O处理操作进行了优化,而且也可以用来直接访问和操作像素;QPixmap主要用来在屏幕上显示图像,它对在屏幕上显示图像进行了优化;QBitmap是QPixmap的子类,它是一个便捷类,用来处理颜色深度为1的图像,即只能显示黑白

  • 问题内容: 我试过了 但它产生错误: 任何的想法? 问题答案: 好吧,错误消息很清楚:不是实体。如果要映射基本元素的集合,请使用批注(来自Hibernate)或批注(来自JPA 2.0)。 因此,假设您使用的是Hibernate Annotations 3.4,请尝试以下操作: 或者,使用泛型时: 如果您使用的是Hibernate Annotations 3.5+,则更喜欢JPA 2.0注释: 或

  • 本文向大家介绍python绘制雪景图,包括了python绘制雪景图的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了python绘制雪景图的具体代码,供大家参考,具体内容如下 绘制雪景图,应用到turtle和random。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍python绘制彩虹图,包括了python绘制彩虹图的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了python绘制彩虹图的具体代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 导语 Qt中提供了强大的2D绘图系统,可以使用相同的API在屏幕和绘图设备上进行绘制,它主要基于QPainter、QPaintDevice和QPaintEngine这三个类。其中QPainter用来执行绘图操作;QPaintDevice提供绘图设备,它是一个二维空间的抽象,可以使用QPainter在其上进行绘制;QPaintEngine提供了一些接口,可以用于QPainter在不同的设备上进行绘制