1、SVG與XML商業(yè)圖表實(shí)務(wù)運(yùn)用運(yùn)用Adobe的SVG技術(shù)從技術(shù)從XML數(shù)據(jù)創(chuàng)建漂亮的商業(yè)圖像數(shù)據(jù)創(chuàng)建漂亮的商業(yè)圖像級(jí)別:中級(jí)JackDHerrington(jherr@)高級(jí)軟件工程師LeverageSoftwareInc.學(xué)習(xí)如何使用XML、PHP和Adobe的可縮放向量圖形（SVG）標(biāo)準(zhǔn)創(chuàng)建商業(yè)圖像。SVG標(biāo)準(zhǔn)為圖像提供了無(wú)限級(jí)的向量縮放、可視化效果以及基于腳本的交互性。我承認(rèn)，我是一個(gè)圖像癡迷者。從孩提時(shí)候起我就喜歡有漂亮圖像的計(jì)

2、算機(jī)。這也是與TRS80相比我更喜歡AppleII計(jì)算機(jī)的原因。不過(guò)有誰(shuí)不喜歡圖片呢？誰(shuí)不曾被Pixar電影征服？“一張圖片勝過(guò)千言萬(wàn)語(yǔ)”這句老話(huà)沒(méi)有錯(cuò)，因?yàn)橐环鶊D片能夠又快又容易地傳達(dá)大量信息。圖像對(duì)于商業(yè)數(shù)據(jù)的重要性其他任何地方都比不上。通過(guò)SVG之類(lèi)的標(biāo)準(zhǔn)來(lái)充分利用圖像代碼非常重要，因?yàn)楸娝苤?，Web上早就不缺乏圖像了。當(dāng)然可以把圖片放在網(wǎng)頁(yè)中，但通常這些圖片的作用不大。這些照片不能縮放和滾動(dòng)，不能交互，不能很好地打印和調(diào)整比例

3、。不過(guò)，我相信Web2.0將改變這種局面。不再需要強(qiáng)調(diào)這種技術(shù)的重要性。本文的目的是給用戶(hù)以包括圖像的體驗(yàn)。打開(kāi)Google的Finance頁(yè)面，如圖1所示。查看股票的時(shí)候，可以使用交互式圖像控件滾動(dòng)數(shù)據(jù)，找到感興趣的地方。是否使用MacromediaFlash實(shí)現(xiàn)有關(guān)系嗎？沒(méi)有。重要的是最終結(jié)果——客戶(hù)體驗(yàn)。圖1.1.GoogleGoogleFinanceFinance頁(yè)面頁(yè)面本文將通過(guò)例子說(shuō)明如何使用AdobeSVG格式和PHP編程

4、語(yǔ)言創(chuàng)建漂亮的交互式圖形。首先，了解一下SVG的背景知識(shí)及其與Web圖像技術(shù)的關(guān)系?？煽s放向量圖形可縮放向量圖形Adobe的SVG標(biāo)準(zhǔn)是一種基于XML的表示向量圖形的格式?；A(chǔ)是直線(xiàn)、矩形、形狀、圖片和文本這些元素。所有這些元素都在“視圖坐標(biāo)”中指定，坐標(biāo)值不是像素，只是適合應(yīng)用程序的需要而定義的任意數(shù)值范圍。這樣就可以將XML指定的圖像模型呈現(xiàn)到任然后需要一個(gè)start.svg文件，如清單2所示。可以看到.html文件中標(biāo)記引用了該.