想在页面上生成个流程图，图肯定还会被甲方爸爸们要求修改 N*N*N 次，选个什么方式来做会比较不那么疼苦？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

这是一个创建于 2088 天前的主题，其中的信息可能已经有所发展或是发生改变。

流程图布局肯定是固定的，图修改到最后，也只是分支再递进一层而已，只是内容不同而已，所以成品不需要智能布局

按目前了解的情况来讲，Web 页面做科学性的指示图，首选应该是 raphael 这个东西了吧

了解了一下 raphael 只能用代码编写，如果按照甲方爸爸们的认知，左一点点，右一点点，没有散发出光彩的黑色等等要求来做，用代码做图，有人会过劳死。。。

退出这个限定来讲，如果不用 raphael，
用什么工具在页面上做图（流程），然后生成 html 代码？

了解页面画图的高手，能解答一下我这个问题么，谢谢！

8 条回复 • 2019-03-15 17:47:05 +08:00

lastpass

2019-03-15 16:38:35 +08:00 via Android

先做出图片。
让甲方爸爸先看。
同意了你再改程序。
确定了风格样式之后，甲方爸爸再要求改，那就加钱呗。╮(￣▽￣)╭

pppguest3962

2019-03-15 16:53:35 +08:00

@lastpass，对甲方的方式，这个可以有！

那么做给自己部门的人讨论看呢？也是修修改改的，raphael 确实改着费劲。。。

saluton

2019-03-15 17:03:19 +08:00

img.png

SakuraKuma

2019-03-15 17:17:55 +08:00

为什么不用 xd 呢。

yixiang

2019-03-15 17:20:54 +08:00

上纸和笔呗

pppguest3962

2019-03-15 17:24:50 +08:00

@SakuraKuma，xd 是？

SakuraKuma

2019-03-15 17:35:40 +08:00

@pppguest3962
https://www.adobe.com/products/xd.html

可以出原型，甲方满意了再让设计弄，再出代码。

话说，流程图，然后左一点点 /右一点点？
其实不是很懂。当原型图理解了

imlinhanchao

2019-03-15 17:47:05 +08:00

SVG，让设计用 AI 直出。