svg 與 xml 商業(yè)圖表實(shí)務(wù)

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

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

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

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