如何使這個 SVG 響應？

Question

我得到了一個 SVG，我必須將它添加到一個網頁中，其中一些文本是用“Poppins”（谷歌）字體編寫的。 我假設 SVG 只是有關於要繪制哪個像素和哪種顏色的代碼。 當我使用<img>標簽添加 SVG 時，它沒有正確呈現。

然后我閱讀了一些關於它的內容，了解到我需要在 SVG 中添加字體，並使用<object>標簽來正確呈現它。

我這樣做了，現在它可以正確渲染，但我無法像<img>標簽一樣讓它響應。 我不明白我應該在哪里進行更改。

SVG： https : //www.opendemy.org/images/logo/test-logo.svg

 .container { border: 5px solid black; width: 50%; background: #fff; }

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <div class="container"> <object data="https://www.opendemy.org/images/logo/test-logo.svg" type="image/svg+xml"> </object> </div> </body> </html>

^ 在這里，我試圖將 SVG 插入一個盒子中，希望它能占據盒子的 100%，但它溢出了。 我還嘗試稍微調整 SVG 的代碼，但沒有任何幫助。

這些 SVG 是使用 MS powerpoint 生成的。

Answer 1

您需要在 SVG 的源代碼中用viewBox="0 0 1704 586"替換width和height 。

如何使這個 SVG 響應？

問題描述

1 個解決方案

解決方案1
0 已采納 2020-09-14 15:16:58

如何使這個 SVG 響應？

問題描述

1 個解決方案

解決方案1 0 已采納 2020-09-14 15:16:58

解決方案1
0 已采納 2020-09-14 15:16:58