ProcessOn 一款HTML5在线作图工具怎么样

html-css012

ProcessOn 一款HTML5在线作图工具怎么样,第1张

今天我在搜索Mac上的流程图软件时,看到了ProcessOn。

我大概看了一下编辑流程图的页面,功能应该能满足我的要求.

但是我没有立刻开始试用它,因为我发现页面上有"发现","小组","活动"之类的东西,这让我联想到豆瓣之类的个人兴趣网站,而我需要的是同事之间,多电脑之间的文档共享,不可能像写影评一样公开给别人看.

我猜想ProcessOn也能设置文档的公开对象,但是这已经让我觉得其提供的并非商业服务,而是帮助个人发布可公开process的,未来说不定还要走社交路线。

所以我接下来搜索了Process的商业模式,因为我很奇怪上面这种定位.最后发现ProcessOn目前没有商业模式,这促使我决定不使用它. 因为我需要一个可靠的,稳定的服务,而没有商业模式的ProcessOn,随时都有可能终止,到时候我们的流程图怎么修改,怎么导出,都是风险.

作者:leidong liu

链接:https://www.zhihu.com/question/21484457/answer/20106098

来源:知乎

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

1.LucidChart。

LucidChart是一个基于HTML5的在线流程图绘制和协作应用平台。用户可以方便快速地实现流程图表的绘制,同时还可与他人进行实时的流程图绘制和修改功能。对需要群组协作功能的团队来说,这点非常方便。

由于LucidChart是基于HTML5开发,通过浏览器即可在个人PC、iPad等设备上进行使用,无需下载本地应用程序。

LucidChart不仅支持支持从MicrosoftVisio直接导入文档,还支持包括流程图、UML、ERD、线框/实体模型、网络图、业务流程模型、组织结构图、思维导图以及网站地图等数百种模板与范例。

2.Cacoo。

Cacoo也是一个在线的网络画图工具,运用它可以制作Sitemaps、Wireframes、FlowFharts、Mind、UML等多种图表。Cacoo同样支持多人协作。

Cacoo的模板商店大部分为免费模版。商店支持用户自行上传模板。

3.Gliffy。

Gliffy是一个基于Web的在线作图应用。它可以帮助用户创建流程图、组织结构图、平面图、业务流程、网络图、技术图、线框图等。

<canvas>动态的绘制拓扑图

1.添加引用\r\n右击项目-添加引用-浏览 找到本地的dll文件\r\n2.using 该dll文件里面代码的名称空间 \r\n然后就可以调用dll文件里面的类和方法

<canvas>定义和用法:

Canvas 对象表示一个 HTML 画布元素 -<canvas>。它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作。

你可以直接在该对象上指定宽度和高度,但是,其大多数功能都可以通过CanvasRenderingContext2D 对象获得。 这是通过 Canvas 对象的getContext() 方法并且把直接量字符串 "2d" 作为唯一的参数传递给它而获得的。

<canvas>标记在 Safari 1.3 中引入,在制作此参考页时,它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中,<canvas>标记及其 API 可以使用位于excanvas点sourceforge点net的 ExplorerCanvas 开源项目来模拟。

提示:如果希望学习如何使用 <canvas>来绘制图形,可以访问 Mozilla 提供的Canvas 教程(英文)以及相应的中文 Canvas 教程。

使用 <canvas>标记绘图

大多数 Canvas 绘图 API 都没有定义在 <canvas>元素本身上,而是定义在通过画布的getContext() 方法获得的一个“绘图环境”对象上。

Canvas API 也使用了路径的表示法。但是,路径由一系列的方法调用来定义,而不是描述为字母和数字的字符串,比如调用 beginPath() 和 arc() 方法。

一旦定义了路径,其他的方法,如 fill(),都是对此路径操作。绘图环境的各种属性,比如 fillStyle,说明了这些操作如何使用。

注释:Canvas API 非常紧凑的一个原因上它没有对绘制文本提供任何支持。要把文本加入到一个 <canvas>图形,必须要么自己绘制它再用位图图像合并它,或者在 <canvas>上方使用 CSS 定位来覆盖 HTML 文本。

Canvas 对象的属性

height 属性

画布的高度。和一幅图像一样,这个属性可以指定为一个整数像素值或者是窗口高度的百分比。当这个值改变的时候,在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。

width 属性

画布的宽度。和一幅图像一样,这个属性可以指定为一个整数像素值或者是窗口宽度的百分比。当这个值改变的时候,在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。