資料結構
網路
關係型資料庫管理系統
作業系統
Java
Microsoft Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會研究
時尚研究
法律研究如何向您的網頁新增可擴充套件向量圖形 (SVG)
SVG 的英文全稱是可擴充套件向量圖形，它是一種用於描述 XML 中的 2D 圖形和圖形應用程式的語言，其中 XML 由 SVG 瀏覽器呈現。大多數網路瀏覽器都能像展示 PNG、GIF 和 JPG 那樣展示 SVG。
注意：如果您已有 SVG 檔案，請使用 <img> <object> 或 <embed> 標記進行新增。
要向網頁新增 SVG，請使用 <svg> 元素。透過此元素，您可以輕鬆地在 HTML5 中嵌入 SVG −
您可以嘗試執行以下程式碼，將可擴充套件向量圖形 (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 年 6 月 26 日
176 次瀏覽
廣告