我有這個代碼：
<img src="https://piuksu.github.io/svg.svg" width="100">這是行不通的。
我需要做什么？
uj5u.com熱心網友回復：
SVG 影像（如您的https://piuksu.github.io/svg.svg）是 XML 檔案。XML 是一種通用標記語言，可用于多種不同目的。將要顯示 SVG 影像的瀏覽器需要知道它要顯示的 XML 檔案型別。因此，您必須設定SVG 影像的命名空間（xmlns="http://www.w3.org/2000/svg"屬性 on <svg>）（最好還設定 XML 宣告（第一行））。
因此， 的內容https://piuksu.github.io/svg.svg必須是：
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="100" width="100">
<path d="M0 50 L25 50 L25 97 L75 97 L75 50 L97 50" stroke="black" stroke-width="3" fill="none"/>
</svg>
行內示例（其中 URL 被資料 URI 替換，但它的作業原理相同）：
<img src="data:image/svg xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwIiB3aWR0aD0iMTAwIj4KICA8cGF0aCBkPSJNMCA1MCBMMjUgNTAgTDI1IDk3IEw3NSA5NyBMNzUgNTAgTDk3IDUwIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiLz4KPC9zdmc " width="100"/>uj5u.com熱心網友回復：
您可以直接將 SVG 代碼（鏈接中的代碼）添加到 HTML 檔案中
<!DOCTYPE html>
<html>
<body>
<svg height="100" width="100">
<path d="M0 50 L25 50 L25 97 L75 97 L75 50 L97 50" stroke="black" stroke-width="3" fill="none"/>
</svg>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/405436.html
標籤：
上一篇：SVG正在處理純HTML檔案，但在集成到Angular時會失去對齊
下一篇：將svg圖示顏色更改為不同的顏色