【正文】 實(shí)現(xiàn)頁(yè)面圖形設(shè)計(jì)和文字編輯的一步完成 。 現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì) ， 通常是在位圖圖像軟件中繪制好整體頁(yè)面圖像 ， 然后進(jìn)行圖像切割 ， 最后完成頁(yè)面的文字編輯 。 依據(jù) SVG的這種交互性 ， 可以創(chuàng)建大型的圖像搜索引擎 。 文字獨(dú)立于圖形信息 ， 這就為圖像搜索和查詢提供了可能 。 SVG的應(yīng)用價(jià)值 ? 圖像搜索引擎 不同于現(xiàn)在的二維圖像 ， SVG是一個(gè)可實(shí)現(xiàn)交互和查詢的文件格式 。SVG還提供動(dòng)畫(huà)和多媒體編輯功能 ， 所以可以支持二維的平面動(dòng)畫(huà) ， 支持聲音文件和視頻文件的播放 。 而如果利用 SVG，只要在無(wú)線設(shè)備中安裝一個(gè)文本解析器 ， 就可以實(shí)現(xiàn)對(duì)SVG文件的識(shí)別和顯示 。 例如目前使用的手機(jī)產(chǎn)品 ， 其圖像主要是 WBMP。 這樣的圖像地圖文件的文件大小也僅僅是 K字節(jié)級(jí)別 。 SVG的應(yīng)用價(jià)值 ? 數(shù)據(jù)表格，圖像地圖 制作圖像地圖同樣是 SVG的一大優(yōu)勢(shì) 。 這就為網(wǎng)絡(luò)圖像數(shù)據(jù)表格提供了很大的應(yīng)用前景 。 SVG與其他組織的標(biāo)準(zhǔn)化技術(shù)也能很好的協(xié)調(diào)一致 ， 如 ICC， URI， UNICODE， sRGB，ECMAScript/JavaScript， Java. 使用 SVG并不意味著我們將從此放棄現(xiàn)在的網(wǎng)絡(luò)圖像技術(shù)如 GIF， JPEG， 的文件格式 ,SVG更適合網(wǎng)絡(luò)發(fā)展的需求 ,開(kāi)發(fā)和應(yīng)用SVG意味著獲得一個(gè)更優(yōu)秀的工具和方法 . SVG的應(yīng)用價(jià)值 ? 數(shù)據(jù)表格，圖像地圖 在應(yīng)用領(lǐng)域 ， SVG可以非常適宜的應(yīng)用在數(shù)據(jù)表格和圖像地圖中 。 SVG的應(yīng)用價(jià)值 ? 網(wǎng)絡(luò)發(fā)展的需要 ,與其他開(kāi)放標(biāo)準(zhǔn)兼容 如同 PNG作為 W3C的位圖圖像工業(yè)標(biāo)準(zhǔn) ,SVG是網(wǎng)絡(luò)中解決矢量圖像的工業(yè)標(biāo)準(zhǔn) .在 SVG以前 ,除了 Macromedia開(kāi)發(fā)了 SWF作為矢量的網(wǎng)絡(luò)文件格式 ,還沒(méi)有其他的矢量文件在網(wǎng)絡(luò)中應(yīng)用 .因?yàn)槲粓D文件受到本身的很多局限 ,在圖形印刷和傳輸中 ,矢量文件有很大的應(yīng)用價(jià)值 ,所以 ,必定會(huì)有相應(yīng)的矢量標(biāo)準(zhǔn)得到開(kāi)發(fā)和應(yīng)用 ,這就是 SVG. SVG的應(yīng)用價(jià)值 ? 網(wǎng)絡(luò)發(fā)展的需要 ,與其他開(kāi)放標(biāo)準(zhǔn)兼容 作為 W3C的推薦格式 ， SVG與現(xiàn)有的其他開(kāi)放標(biāo)準(zhǔn)有很好的兼容性 。 SWF做為最終的動(dòng)畫(huà)生成格式 ， 其創(chuàng)作過(guò)程封裝在 SWF文件中 ， 幾乎無(wú)法再進(jìn)行二次編輯 。 隨著 XML及其他開(kāi)放標(biāo)準(zhǔn)的發(fā)展 ， SWF的不協(xié)調(diào)性將日益顯著 。 同時(shí) ， SWF與其他的開(kāi)放標(biāo)準(zhǔn)也沒(méi)有完整的融合方案 。但是，盡管 Flash憑借其優(yōu)越的表現(xiàn)形式和便利的創(chuàng)作工具成為目前網(wǎng)絡(luò)動(dòng)畫(huà)設(shè)計(jì)的首選， SWF日益在網(wǎng)絡(luò)中普及，但我們也應(yīng)該看到，與 SVG相比較， SWF存在著以下的不足： 與 SWF比較 ? SWF是一個(gè)非開(kāi)放標(biāo)準(zhǔn) 。 與 SWF比較 ? SWF文件格式是 Flash的輸出文件格式。 SVG圖像能對(duì)用戶動(dòng)作做出不同響應(yīng)，例如高亮 ,聲效 ,特效 ,動(dòng)畫(huà)等，體現(xiàn)了網(wǎng)絡(luò)互動(dòng)的本質(zhì)。 可交互性。 與 GIF， JPEG比較 色彩適應(yīng)性更強(qiáng) 。 較小文件尺寸 。 圖像中的文字獨(dú)立 。 因?yàn)槭鞘噶繄D像 ， 分辨率獨(dú)立 ， 用戶可以自由的放縮圖像而不會(huì)破壞圖像的清晰度 。 簡(jiǎn)言之 ， 文本格式使得 SVG獲得了與其它技術(shù)標(biāo)準(zhǔn)更大的交互和融合的特點(diǎn) 。 因而SVG以及 SVG中的對(duì)象可以通過(guò)腳本語(yǔ)言接受外部事件的驅(qū)動(dòng) ， 例如鼠標(biāo)動(dòng)作 、 鍵盤(pán)動(dòng)作等 ， 實(shí)現(xiàn)對(duì)自身或?qū)ζ渌锛?、 圖像的控制 ， 制作交互式的圖像和動(dòng)畫(huà) 。 在線圖像還可以根據(jù)后臺(tái)數(shù)據(jù)庫(kù)中的關(guān)系量實(shí)時(shí)的進(jìn)行動(dòng)態(tài)改變 。 例如使用 JavaScript,perl,Java等語(yǔ)言 ， 開(kāi)發(fā)自動(dòng)圖像和動(dòng)畫(huà)生成系統(tǒng) 。圖像中的文字也可以被用戶瀏覽器查找。因此，SVG中的文字可以被網(wǎng)絡(luò)搜索引擎做為關(guān)鍵詞搜尋。這不同于現(xiàn)在圖像和動(dòng)畫(huà)中的文字。 文本格式 SVG文件是一元 （ 文本 ） 格式的 。圖像中的數(shù)據(jù)可以根據(jù)需要，由應(yīng)用程序讀取、修改和統(tǒng)計(jì)并最終在圖像中顯示。 基于 XML ? SVG的開(kāi)發(fā)和創(chuàng)作是基于 XML的，因此，我們也能在 SVG中開(kāi)發(fā)出更多新的功能以提供更多的網(wǎng)絡(luò)服務(wù)。例如，一個(gè)利用 XML標(biāo)簽定義的電話號(hào)碼，可以根據(jù)需要，由瀏覽器進(jìn)行撥號(hào)。 基于 XML ? 與 HTML不同， XML完全分離了網(wǎng)站內(nèi)容和網(wǎng)站構(gòu)架。當(dāng)一個(gè)網(wǎng)站變得越來(lái)越復(fù)雜的同時(shí)，為了獲得更好的管理和交互，網(wǎng)站開(kāi)發(fā)者同樣需要一個(gè)比HTML更優(yōu)秀的網(wǎng)絡(luò)開(kāi)發(fā)語(yǔ)言和工具。 基于 XML ? SVG的語(yǔ)法和結(jié)構(gòu)基于 XML（ 可擴(kuò)展標(biāo)識(shí)語(yǔ)言）。 修改圖像效果只需要重新調(diào)整這些屬性 ， 就可以完成對(duì)濾鏡的修改 、 替換和刪除 ， 非常的便捷 。 并且 ，這樣的濾鏡效果是可調(diào)整的 。例如，輸出一幅霧化效果的位圖圖像，您已經(jīng)無(wú)法再恢復(fù)原來(lái)清晰的圖像。這是因?yàn)槲粓D常?？梢允褂么罅康臑V鏡效果 、 紋理貼圖和空間幻影等 ， 加強(qiáng)圖像的視覺(jué)效果 。 矢量濾鏡 ? 雖然 SVG圖像做為矢量圖格式 ， 具有很多優(yōu)點(diǎn) 。 SVG除了矢量圖的優(yōu)勢(shì)，也同樣保持了對(duì)位圖圖像的正確表達(dá)功能。相對(duì)而言，位圖需要的存儲(chǔ)空間要比矢量圖更多。位圖圖像受到分辨率的影響。 矢量圖像和位圖圖像 ? 而位圖圖像則使用我們稱為像素的一格一格的小點(diǎn)來(lái)描述圖像。矢量圖相對(duì)位圖而言，更適合用于直接打印、印刷或輸出到一些小型設(shè)備如手提裝置上。矢量圖像的最大優(yōu)點(diǎn)是 “ 分辨率獨(dú)立 ” 。 SVG的特點(diǎn) ? 矢量圖像 ? 矢量濾鏡 ? 基于 XML ? 文本格式 矢量圖像 ? 圖像通常分為矢量圖像和位圖圖像 。 SVG不同于傳統(tǒng)的二元（平面）圖像和動(dòng)畫(huà)制作，它使用簡(jiǎn)單的一元（文本）語(yǔ)句 ,完成矢量圖像，以及諸如色彩變化 ,對(duì)象運(yùn)動(dòng) ,濾鏡和遮照，音效添加等各式動(dòng)畫(huà)效果。 工業(yè)標(biāo)準(zhǔn)的矢量圖像格式 — SVG ? 什么是 SVG SVG， 是可任意放縮矢量圖像格式（ Scalable Vector Graphics） 的簡(jiǎn)稱。 ? 允許在 PNG圖像上創(chuàng)建透明度信息的工具僅有： Adobe Photoshop（ 4． 0 或者更高版本 ） 、 Adobe ImageReady、 Macromedia Fireworks、 GIMP（ 一種用于 Unix、 Linux和 OS／ 2的圖形編輯工具 ） 和 PaintShop Pro（ ） 、 Photoshop僅支持 24位 透 明 度 ， 它 所 得 的 文 件 非 常 大 。 這個(gè)復(fù)雜的透明功能可以使前景色和背景色之間進(jìn)行平滑的過(guò)渡 。 當(dāng)這同時(shí)在制作者和終端用戶端實(shí)現(xiàn)時(shí) ， PNG將保留它所期望的亮度和色飽和度 。 ? PNG格式圖形可以標(biāo)記以與它們所制作的平臺(tái)相關(guān)的信息 。 因?yàn)椴煌脚_(tái) （ 甚至是不同的制造商 ） 的 gamma設(shè)置是不同的 ， 所以制作的圖像在不同平臺(tái)上看起來(lái)就可能和預(yù)想的不一樣 。 和 GIF不一樣的是 ， GIF只填充水平像素行信息 ， 而 PNG則水平 、 垂直信息都填充 。 ? 交錯(cuò)的 PNG格式經(jīng)過(guò) 7個(gè)階段顯示 （ 使用所謂的“ Adam7’方法 ， 這一方法以它的發(fā)明者 Adam Costello命名 ） 。 特殊的性能 ? 交錯(cuò)掃描 （ 最大顯示 ） ? 和 GIF一樣 ， PNG格式圖形可以編碼用于交錯(cuò)掃描顯示 。 對(duì)于同一個(gè)圖形 ， PNG更好的壓縮引擎可以得到比GIF更小的文件 ， 然而 ， 壓縮的效率很大程度上取決于 PNG格式在所使用的圖像程序上的實(shí)現(xiàn)程度 。而對(duì)于在 Web上應(yīng)用的場(chǎng)合，是每一字節(jié)都要計(jì)算的，因此，攝影圖形和連續(xù)色調(diào)的圖形最好存儲(chǔ)為 JPEG格式。 何時(shí)使用 PNG格式 ? PNG并非 JPEG的代替品 ? 盡管 PNG確實(shí)可以支持 24位或者更高的位深，但是它的無(wú)損壓縮所得的文件通常比 JPEG