我得到了一個 SVG,我必須將其添加到網頁中,其中一些文本是用“Poppins”(谷歌)字體編寫的。我假設 SVG 只是有關于要繪制哪個像素和哪種顏色的代碼。當我使用標簽添加 SVG 時<img>,它沒有正確呈現。然后我閱讀了一些相關內容,了解到我需要在 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><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 生成的。
如何使這個 SVG 響應?
達令說
2023-03-03 15:11:35