❶ 如何讓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