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

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

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

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

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

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

作者：leidong liu

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

来源：知乎

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

这个比较复杂，我说几个要点。

首先是把图像写入canvas

var canvas = document.getElementById("canvas")

var cts = canvas.getContext("2d")

var img = document.getElementById("image")

var w = img.width, h = img.height

cts.drawImage(img, 0, 0)

然后获取canvas上每个像素点的rgba值

var data = cts.getImageData(0, 0, w, h)

var pixel = []

for (var i = 0 i < data / 4 i += 1) {

    pixel.push(data.slice(4 * i, 4 * (i + 1)))

}

然后你就可以对pixel数组 *** 作了。其中的4项分别是R，G，B，A。

使用色温和饱和度的计算公式就可以调整了。

调整完成之后，再写入canvas

cts.putImageData([].concat.apply([], pixel), 0, 0)

然后，你爱save就save，随你啦。

---