如何使用標籤顯示完整的svg映像?

來源:互聯網
上載者:User
顯示  

在html中,顯示svg,<object>看起來要比<embed>更加合適,因為當svg尺寸過大時,<object>只會對其縮放,而<embed>會將映像裁剪掉

正所謂:既生瑜,何生亮。但是<object>是一個比<embed>更不正式的標籤!

如果你的svg需要給更多的人看,那麼使用<embed>是一個不錯的選擇!

很簡單,我們可以從svg讀出其width,height!

由於svg也是XML格式的,那麼就容易多了!

<%@ Import NameSpace="System.XML" %>   別忘了匯入相應的名稱空間

方法如下:相應的函數的作用我就不詳細說明了,.NET Framework中都有詳細的說明
sub showSvgWindow(theSvgPath as string)
 dim reader as xmlTextReader  = Nothing
 dim nodeAttribtion as new arrayList()
 dim i,width,height as integer
 
 reader = new xmlTextReader(server.MapPath(theSvgPath))
 dim exp as exception
 
 Try
 While reader.Read()
    If reader.NodeType = XmlNodeType.Element And reader.Name = "svg" Then
       If reader.HasAttributes Then
       For i = 0 to (reader.attributeCount-1)
        reader.moveToAttribute(i)
     If reader.Name = "width" Then
        width = reader.Value
     End If
     If reader.Name = "height" Then
        height = reader.Value
     End If
    Next
    End If
    Exit While
    End If
 End While
 Catch exp
 
 End Try
 
 If CInt(width) < 50 Then
    width = "50"
 Else If CInt(height) < 50 Then
    height = "50"
 End If
 svgWindow.Text = "<embed src=" & theSvgPath & " height=" & height & "px width=" & width & "px></embed>"
 svgTitle.Text = request.QueryString("title")
end sub




相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。