我得到了一個 SVG,我必須將其添加到網(wǎng)頁中,其中一些文本是用“Poppins”(谷歌)字體編寫的。我假設(shè) SVG 只是有關(guān)于要繪制哪個像素和哪種顏色的代碼。當(dāng)我使用標(biāo)簽添加 SVG 時<img>,它沒有正確呈現(xiàn)。然后我閱讀了一些相關(guān)內(nèi)容,了解到我需要在 SVG 中添加字體,并使用<object>標(biāo)簽正確渲染它。我這樣做了,現(xiàn)在它可以正確呈現(xiàn),但我無法讓它像標(biāo)簽一樣響應(yīng)<img>。我不明白我應(yīng)該在哪里進(jìn)行更改。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 插入一個盒子中,希望它能占據(jù)盒子的 100%,但它溢出了。我也嘗試稍微調(diào)整 SVG 的代碼,但沒有任何幫助。這些 SVG 是使用 MS powerpoint 生成的。
如何使這個 SVG 響應(yīng)?
達(dá)令說
2023-03-03 15:11:35