在线播放网站亚洲播放

  • 幫助中心
  • >
  • 基于VML/SVG配電站接線系統的開發
基于VML/SVG配電站接線系統的開發
  • 2000-01-01 00:00:00
  • 關鍵字:

近幾年來,隨著Internet的迅猛發展,網頁技術日新月異,人們都試圖設計出精美、有特色的頁面。其中,圖形技術發揮著至關重要的作用,可升級 矢量圖像( SVG, Scalable Vector Graphics)和VML (Vector Markup Language)的產生有著十分積極的意義。它具有支持矢量圖和動畫、由文本構成圖形易于操作、對點陣圖形兼容等特點。然而,不同瀏覽器對兩種標準的支 持并不一致, 微軟的IE瀏覽器系列對VML支持比較好,而其他的瀏覽器軟件對SVG標準支持更完美。這也使得開發基于Web的圖形系統變得更加復雜。多比圖形控件在线播放网站亚洲播放出現簡化了的這種開發難度,它是一款基于Web的矢量圖形控件,能夠檢測瀏覽器類型,自動選擇VML或SVG方案進行做圖, 類似于網頁上的Visio控件。

多比設計器演示

在线播放网站亚洲播放 針對電力系統的需要,可將多比中間件技術用于配電站接線圖的繪制及發布。多比編輯工具在提供友好界面的同時,提供了大量配電站元件圖元,可以輕松、直觀、方便、快捷地完成配電站接線圖的制作。

 

1  多比控件技術概述

1. 1 VML技術

VML (VectorMarkup Language)是XML1. 0 的一個應用,使用VML 可以在IE 5. 0 以上版本中繪制矢量圖形。由于VML 是基于新一帶網絡標記語言XML 標準的,也就是說,表示方法簡單,易于擴展,數據與表現相分離,同時VML 支持高質量的矢量圖形顯示,它基于相連接的直線和曲線描述路徑。其次VML 由文本構成,可以很方便地融合到HTML文件中,可用很少的字節來表示較復雜的圖像,可以和其它HTML元素一樣使用VML元素,在客戶端瀏覽器顯示圖 像。VML可以使用DHTML大部分屬性和事件,如id, onmouseover等。最后VML 的功能不只是繪圖,它可以在圖形中嵌入文本,并可實現超鏈,通過腳本控制還可以實現動畫效果。

1. 2 SVG技術

在线播放网站亚洲播放 SVG是由W3C制定的基于XML來描述二維矢量圖型的一個開放標準,它用文本格式的描述性語言來描述圖像內容,因此是一種和圖像分辨率無關的矢量圖形格式。它具有以下優點:

1.圖像文件可讀,易于修改和編輯。

2.與現有技術可以互動融合。另外, SVG文件還可嵌入JavaScript腳本來控制SVG對象。

3.SVG圖形格式可以用來動態生成圖形。例如,可用SVG動態生成具有交互功能的地圖,嵌入網頁中,并顯示給終端用戶。

在线播放网站亚洲播放 4. 如前所述, SVG文檔作為一種規范的XML文檔,能夠很好地與W3C其他開放標準如DOM, CSS,XSL, XL ink, Xpointer, SM IL, HTML, XHTML等進行協同工作,簡化異質系統間的信息交流,方便數據庫的存取。

 

1. 3 多比控件簡介

多比圖形控件出現簡化了的這種開發難度,它是一款基于Web的矢量圖形控件,能夠檢測瀏覽器類型,自動選擇VML或SVG方案進行做圖, 類似于網頁上的Visio控件,是目前國內外最佳的基于web矢量圖解決方案,可以用于電力、化工、煤炭、工控組態軟件、仿真、地理信息系統、工作流、復雜報表 工業SCADA系統、ERP流程設計系統、圖形管理、圖形拓撲分析、GIS地理信息系統系統、工程制圖等領域。

多比圖形編輯器在线播放网站亚洲播放實現了圖形、圖像和文字的有機統一。它除了支持 HTML 中常用的標記,如文本、圖像、鏈接、交互性、CSS的使用、腳本( Scrip t)外,還提供了大量針對圖形、圖像、動畫的特定標記。對SVG圖形文件進行編輯管理的過程為: SVG圖形文件經XML 解析器打開,并在內存中生成一個對象樹,用鼠標事件來驅動腳本執行,腳本通過DOM接口對對象進行相關的操作,來實現圖形繪制、編輯等功能。

多比設計器演示

 

2.在配電站接線圖中的應用

配電站接線圖是一種特定的復雜而又有規則的圖形,可以采用SVG技術繪制配電站接線圖。它基本由一些固定的電氣元件組成(或稱為圖元) ,這些圖元有其固定的表現形式。該SVG編輯工具不僅提供了一個界面友好、方便使用的編輯環境,而且可以提供大量配電站電氣元件圖元,這樣可以實現SVG 文件格式存儲,輕松完成配電站接線圖的制作。

    傳統的ActiveX控件實現的方式有許多缺點:客戶端的部署很困難,如客戶端不能正確下載,下載了以后不能正確執行,下載的時候需要設置IE的安全級別等等.

 

3  實現圖形編輯功能與操作

SVG圖形編輯系統應用在電力系統接線圖的繪制時,除了最基本的繪制與編輯功能外,還需要考慮到電力系統繪圖的實際需要,設置不同的功能實現接線圖更方便的繪制,如不同型號的電力線的選擇、基本圖元的選取等。對于不同型號的電力線選取,以粗度為0. 5 cm

線條的繪制為例,以示意方式區別普通的黑色線條。

 

圖中,工具欄Design中變壓器圖案,表示點擊后對變壓器圖元的繪制。點擊圖元后,矩形框變為紅色表示選中,由圖元可繪制出變壓器的圖形元件。編輯系統可以實現對元件圖元進行適當的修改,如放大、縮小、平移、刪除等。

以平移為例,對SVG圖形編輯系統的功能和操作進行簡單說明。

點擊工具欄Tools中的箭頭圖案,矩形框變為紅色,表示選中平移功能;按住鼠標左鍵,拖拽鼠標.