資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究如何向網頁新增可縮放向量圖形 (SVG)？
SVG 的全稱是可縮放向量圖形，是一種使用 XML 描述 2D 圖形和圖形應用程式的語言，然後透過 SVG 檢視器渲染 XML。大多數 Web 瀏覽器都可以顯示 SVG，就像它們可以顯示 PNG、GIF 和 JPG 一樣。
注意：如果您已經有了 SVG 檔案，那麼可以使用 <img>、<object> 或 <embed> 標籤新增它。
要向網頁新增 SVG，請使用 <svg> 元素。透過這個，您可以輕鬆地將 SVG 嵌入 HTML5 中 −
您可以嘗試執行以下程式碼，將可縮放向量圖形 (SVG) 新增到網頁中
<!DOCTYPE html>
<html>
<head>
<style>
#svgelem {
position: relative;
left: 50%;
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
}
</style>
<title>HTML5 SVG</title>
</head>
<body>
<h2 align="center">HTML5 SVG Circle</h2>
<svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
<circle id="bluecircle" cx="60" cy="60" r="50" fill="blue" />
</svg>
</body>
</html>
更新於：2020-06-26
176 次檢視
廣告