❶ 如何让Jgraph生成的流程图显示到web页面上
servlet做io流输出,jsp里面用<image src="servlet"/>就行。
我用过两种方案，一是applet，
一是生成静态图片。
jbpm有生成静态图片的例子，可以参考
❷ web开发流程图 一般用什么软件
1. Codepen
Codepen应该是全世界最受欢迎的开发环境之一了。CSS技巧的作者Chris Coyier是Codepen的联合创始人之一，这也就是为什么这款app看起来那么豪华。除了视觉上的优秀效果，它可以生动地展现预览，当你修改了代码，就可以看到效果，使你能够更容易地找出变化。
Codepen用于CSS的预处理器包括SCSS、SASS，LESS和Stylus，用于JS的有CoffeeScript和LiveScript，用于HTML的包括Haml、Markdown、Slim和Jade。另外，它还包含了8个可用的内置的JS库。Codepen中合作和私人的“pens”需要付费使用。【前往Codepen】
2. JSFiddle
JSFiddle可以说是成就了开发环境的流行，它是第一个也是最出名的平台。JSFiddle有超过30个可以立即使用的JavaScript库，你还可以轻松的添加外部文件。在预处理方面，它有用于CSS的SCSS、用于JS的CoffeeScript以及用于HTML的简单Vanilla。
如果你在与其他开发者合作，我强烈建议你使用JSFiddle。在所有的开发环境中，JSFiddle的协作特性是同类型应用中最好的，而且区别于Codepen的是，它的这个特性是操作简单并且免费的。
但JSFiddle没有的是预览功能，你需要手动刷新页面。和其它开发平台相比，JSFiddle确实也比较慢。另外，JSFiddle还有一个不足就是它的执行键不是很灵敏，有时需要多点击几次才能够执行代码。【前往JSFiddle】
3. JS Bin
JS Bin是由JavaScript开发大师Remy Sharp创建的，他拥有一家专注于JavaScript和HTML5的web开发公司。JS Bin的JS预处理器包括CoffeeScript、TypeScript、Traceur、JSX以及可供使用的超过40个的JS库。你同样可以添加外部文件，但是必须在编辑器上手动操作。而用于CSS的预处理器，它提供了LESS。
JS Bin和以前开发平台的区别在于它允许你把文件下载到你的电脑上，这对于开发者，尤其是在离线状态下调试代码的程序员来说，是一个很不错的特点。你还可以创建私人的Bin空间，不过你需要对此付费。另外，JS Bin不支持协作功能。【前往JS Bin】
4. CSSDeck
CSSDeck已经存在一些年了，但它的影响力好像不是很大。不过，由于它的简洁性，它还是值得关注的。如果你不需要其它平台里那些复杂的功能，那CSSDeck就应该是你的选择。
CSSDeck的预处理器包括用于HTML的HAML、Markdown、Slim和Jade，用于CSS的LESS、Stylus、SASS和SCSS，以及用于JS的CoffeeScript。它还有几个可用的CSS和javascript库，对于没有的库，你只需要将其手动地添加到库的列表中就可以使用了。
CSSDeck虽然很简洁，但它有一个让我很吃惊的特性，就是它支持用户改变字体大小，这是一个简单却实用的功能。所以说，如果你在寻找有很多很炫的功能的开发平台，CSSDeck可能不适合你。它的简洁性让你更专注于最重要的事情，这也是它最大的特点。【前往CSSDeck】
5. Dabblet
当我还在使用十六进制颜色代码的时候，Dabblet的特性让我惊讶了，它的颜色预览居然显示在代码旁，这是我第一次见到这样的设置。虽然我不确定这是否是一个有用的特性，但是它的整洁性还是给我留下了很深的印象。
现在，Dabblet最棒的地方在于它允许用户以5个不同的视角进行预览，分别是CSS编辑器和效果，HTML编辑器和效果，CSS和HTML的编辑器和效果，JavaScript及运行结果，全部综合效果。这些功能在绝大部分的开发环境中都没有。
它也有不足，第一，Dabblet缺乏HTML和CSS的预处理器，这是令人困惑的。第二，它没有内置的JavaScript库，不过你可以通过手动插入JavaScript库来解决。第三，它的每个板块大小是固定的，无法作出调整，这和以前传统的调试平台是一样的。第四，它缺少一个用于演示其他用户作品的板块。【前往Dabblet】
6. Liveweave
Liveweave是一个拥有很多功能的开发平台，比如可以关闭的实时预览。你也可以为了保护视力，开启夜间模式，将所有界面都变暗。Liveweave提供了20多个JavaScript库，甚至还支持SVG。其内置的标尺使测量更加精确，更符合美学标准。
它还有一个吸引我眼球的地方，就是它的协作功能。如果你过去曾经使用过Teamviewer，你会发现它们是相似的。你需要做的事只是点击协作链接，你就可以分享来自于你到weave的链接了。
你甚至可以下载你的weave文件，并把它保存为单独的HTML文件或者保存为包含独立HTML、CSS和JS文件的zip压缩包。对了，Liveweave还有一个内置的Lorem Ipsum生成器。 【前往Liveweave】
结语
当然，每一个平台和工具都有它自己的特性，都会对你有所帮助
❸ 什么叫web 图片
所谓web图片并不是说这个图片是web格式，它只是一些软件在保存图片是专门对图片便于在网上传播而进行过优化而言的。
比如减小色深，删除exif，移除可选的标记，或者对icc进行管理等等。
❹ WEB格式的图片如何保存
选择另存为。
截图保存。
互联网几乎是当今最大的艺术、图形和相片分享平台之一，因此掌握一些保存为网页格式的基础知识就非常重要了。实际上，保存为网页格式是一项平衡艺术——你必须在图片品质和介质的文件尺寸之间做好平衡，以便满足你的个人需求。
在速度相对重要的地方（如迅速地加载网站），你可能需要牺牲一些图片品质。而在品质重要的地方，则需要牺牲一点速度。这堂课程的目的就是向你介绍一些方法，在这两个因素之间寻求平衡，与此同时保留非常好的图像品质。
无损 vs 损耗数据
虽然存在有非常多的图片格式（仅举几例，如jpeg，gif和png），但是依据压缩方法不同，所有的图片都能进一步归类为两大类别：无损和有损。无损数据压缩保证了图像在没有任何品质和信息丢失的情况下重现，而有损数据压缩的结果就是可能造成品质和信息的丢失。在平面设计领域最主流的无损媒介格式包括GIF，PNG，以及TIFF，而JPEG是最主流的有损压缩的图形格式。
如何用PHOTOSHOP保存网页格式
PS拥有非常好的方法来为网页优化图片。在ps中，选择文件>存储为web格式或者使用快捷键ctrl+alt+shift+s。一个新的对话框将会弹出，这里有所有为网页保存和优化图片的设置。
我会通过以下一些生活中的案例来演示如何使用对话框中的设置。
为网页存储图像
由于图片巨大的文件体积，它们更多是以有损压缩格式来保存的。甚至在拍照时，相对于数倍大小的RAW格式，相机也倾向于用有损格式（如JPEG）来保存图片。
JPEG是日常中首选的图片格式，它是以它的创造者“联合图像专家小组”来命名的。Jpeg之所以能够成为标准，是因为它在压缩图像数据的同时可以保留高品质，并且在相关信息上能够接近无损图像的效果。
当你在保存图片的时候，有几种网页格式预设可供选择。对于一张图片，你应该考虑是使用JPEG 低、JPEG 中，还是JPEG高。观察下面的对比图，（可以）发现案例中的图片经过压缩后并没有多大的品质损耗。相比起超过250KB的源文件，我们选择中等质量或者高等质量的压缩预设就能够得到一个大小不超过30KB，并有合适品质的图片。
GIF图像
有些时候，你会被要求用无损格式来保存，以便最好地优化你正在创作的任何作品。这在网页设计中时常遇到，在布局上使用比普通图片更少的颜色。
GIF，全称为“图像互换格式”，是一种只用到256个颜色调色板的图片格式，这让它成为不需要使用太广泛色域的网页图片的理想选择。GIF也能将单个像素设置成透明，不过这并不在这个教程的讨论范围之内。下面展示了一张(使用着256个颜色的)GIF图像和JPEG图像的对比照，它们拥有同样的大小.正如你所见到的，无损GIF图片能更好的接近源文件。
因为GIF图像受到256色的限制，它本应该极少被用到图片中，但是他们恰好适合那些使用纯色或是有限色彩的图像。对于图片来说，通常来说不是使用JPEG有损压缩，就是GIF无损格式。
高品质图像和无损PNG
PNG，全称为“可移植网络图形”，是一种类似于GIF的无损格式，只是它支持更为丰富的色彩（有时候也让它的体积变大），而且可以支持带透明图层的Alpha通道，而非单一透明像素。
PNG图像正在日渐取代GIF，主要是因为在支持更丰富的色彩方面，png通常比gif的压缩效果要更好。虽然它还不想GIF有广泛的支持，但是无疑它正朝着那个方向前进。
当图片必须保留完整品质在网络上进行传输的时候，PNG是最佳的选择。比起用JPEG传输图片，（PNG）会令你得出更大的图片大小，但是有时候这是一个非常有必要的牺牲。当一个图片包含锐利的线条、以及必须保留清晰的文字时，PNG通常是一个更好的选择，当然了，最终还是要由设计师来决定使用哪一种格式。
❺ Java Web 开发 需要画流程图吗
我做了n多个项目都没画过，学院派
如果一定要画用用微软的专业画图工具不错，好像叫viso啥的...
❻ 应该如何制作web流程图
一、设计的任务：设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。 第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。
❼ java web二进制流的图片如何用response返回给前台
FileOutputStream很明显你是用的文件流返回的
// 以byte流的方式打开文件 d:1.gif
FileInputStream hFile = new FileInputStream(url); //得到文件大小
int i=hFile.available();
byte data[]=new byte[i]; //读数据
hFile.read(data); //得到向客户端输出二进制数据的对象
OutputStream toClient=response.getOutputStream(); //输出数据
toClient.write(data);
toClient.flush();
toClient.close();
hFile.close();
(7)web的流图扩展阅读：
如果是纯文本使用字符流，如果二进制文件，使用字节流。
如果只是得到信息，原样不动，不进行修改操作，例如文件上传和下载，这时就使用字节流。文件上传：在服务器端把浏览器端信息提取出来。文件下载：把服务器端内容写给浏览器端。
如果要操作的是自定义信息，这时使用字符流。
通过response获取的输出流它的真实类型是什么？
ServletOutputStream response.getOutputStream();
PrintWriter response.getWriter();
ServletOutputStream由于使用字节流多数是原样复制，所以使用write方法，而不是print方法。
PrintWriter:打印流，两个特点：1.可以设置自动刷新。2.可以将信息原样输出。
❽ 我是做web前端的，要实写一个流程图，不会写，没思路，求指教
如果这个流程图是固定的，也就是说是不会随着数据，改变位置的话，那就做五行七列的格子，然后往格子里加东西应该就可以了。像那个蓝色四个角，你可以在这个包裹电话的小盒子里，定位四个小正方形，定位到四个角上。
例外那个每个图标样式都是固定的上图下文，上图带四个小正方形的交互，并且大部分带箭头，可以写公共样式。像那些线，如果嫌麻烦，可以用图片代替，定位上去。
❾ 求c# 审核流程图（web）
用jquery.ui.flow或FlowD