如何通过 元素(如图像)调整 SVG 图标的大小
P粉184747536
P粉184747536 2023-09-15 21:09:43
0
1
843

在我的 HTML 文档中,我有一个 ,其中包含许多具有id属性的项目,例如icon-x

然后我想重用这些图标,例如

但是,本例中的图标在源 SVG 中可能具有不同的大小。我希望它们适合div.container,但容器中的 svg 周围有空白。

我怎样才能告诉它 我指向的东西,并知道那个东西定义了 的大小,这样当我做CSS像.container svg { width: 100%; height: auto;}它的工作原理与标签一样吗?

P粉184747536
P粉184747536

全部回复 (1)
P粉356361722
  1. icon-x必须是一个符号或具有 viewBox 属性的嵌套 svg

  2. 使用icon-x时,您可以为 元素指定宽度高度代码>. 您还可以为 指定不同的位置(x 和 y 属性)或不同的填充。

在下一个示例中,我使用 。您可以选择使用嵌套 svg。在这种情况下,您可能希望将其放入

svg{ border:solid; width:90vh; }
      
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!