- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我创建了以下 SVG 图标:
<svg width="32" height="32" viewBox="0 0 32 32">
<defs>
<g id="chat">
<path d="M29.75 0.398h-27.5c-1.036 0-1.875 0.839-1.875 1.875v18.344c0 1.036 0.839 1.875 1.875 1.875h17.626l-0.032-2.813h-15.313c-1.036 0-1.875-0.839-1.875-1.875v-13.375c0-1.036 0.839-1.875 1.875-1.875h22.938c1.036 0 1.875 0.839 1.875 1.875v13.375c0 1.036-0.839 1.875-1.875 1.875h-4.764l-1.432 2.813h8.477c1.036 0 1.875-0.839 1.875-1.875v-18.344c0-1.036-0.839-1.875-1.875-1.875z"/>
<path d="M19.906 25.177l-0.032-2.867-1.321-0.002 0.103 9.169 4.664-9.162-1.955-0.003z"/>
<path d="M19.594 6.945c0 0.656-0.532 1.188-1.188 1.188h-11.063c-0.656 0-1.188-0.532-1.188-1.188v0c0-0.656 0.532-1.188 1.188-1.188h11.063c0.656 0 1.188 0.532 1.188 1.188v0z"/>
<path d="M25 6.945c0 0.656-0.532 1.188-1.188 1.188h-1c-0.656 0-1.188-0.532-1.188-1.188v0c0-0.656 0.532-1.188 1.188-1.188h1c0.656 0 1.188 0.532 1.188 1.188v0z"/>
</g>
<g id="search">
<path d="M20.337 0c-6.303 0-11.432 5.13-11.432 11.432 0 2.638 0.806 5.057 2.272 6.962l-10.626 10.626c-0.733 0.733-0.733 1.832 0 2.565 0.366 0.366 0.806 0.513 1.246 0.513s0.953-0.147 1.319-0.513l10.7-10.7c1.832 1.319 4.104 2.052 6.522 2.052 6.303 0 11.506-5.203 11.506-11.506s-5.203-11.432-11.506-11.432zM20.337 19.714c-4.544 0-8.281-3.738-8.281-8.281s3.738-8.281 8.281-8.281 8.281 3.738 8.281 8.281-3.738 8.281-8.281 8.281z"/>
<path d="M16.46 6.773c0.326 0.34 0.379 0.821 0.16 1.098-1.663 2.093-1.663 5.073 0 7.166 0.218 0.277 0.166 0.758-0.16 1.098v0c-0.325 0.34-0.877 0.337-1.175-0.039-2.154-2.711-2.154-6.572 0-9.283 0.299-0.376 0.85-0.379 1.175-0.039 0 0 0 0 0 0z"/>
</g>
<g id="faq">
<path d="M26.988 8.118l-14.818-7.638c-2.029-1.069-6.031 0.997-7.181 2.814-0.513 0.812-0.475 1.399-0.475 1.731l0.183 17.248c0.012 0.366 0.474 0.86 0.868 1.103 0.822 0.504 13.271 8.276 13.624 8.496 0.19 0.118 0.414 0.173 0.635 0.173 0.188 0 0.377-0.042 0.549-0.127 0.374-0.184 0.607-0.541 0.607-0.929v-18.116c0-0.377-0.22-0.726-0.578-0.914l-13.468-7.519c0.152-0.296 0.752-0.922 1.853-1.499 1.16-0.608 2.029-0.378 2.229-0.301 0 0 12.926 6.917 13.321 7.123 0.394 0.206 0.401 0.236 0.401 0.588 0 0.351 0 17.191 0 17.191 0 0.858 0.871 1.209 1.51 1.209 0.638 0 1.319-0.626 1.319-1.209v-18.511c-0-0.377-0.222-0.726-0.579-0.914z"/>
<path d="M22.121 30.313c-0 0.314-0.149 0.568-0.331 0.568v0c-0.182-0-0.33-0.255-0.329-0.569l0.027-18.051c0-0.314 0.149-0.568 0.331-0.568v0c0.182 0 0.33 0.255 0.329 0.569l-0.027 18.051z"/>
<path d="M23.246 29.563c-0 0.314-0.149 0.568-0.331 0.568v0c-0.182-0-0.33-0.255-0.329-0.569l0.027-18.051c0-0.314 0.149-0.568 0.331-0.568v0c0.182 0 0.33 0.255 0.329 0.569l-0.027 18.051z"/>
<path d="M24.309 28.938c-0 0.314-0.149 0.568-0.331 0.568v0c-0.182-0-0.33-0.255-0.329-0.569l0.027-18.051c0-0.314 0.149-0.568 0.331-0.568v0c0.182 0 0.33 0.255 0.329 0.569l-0.027 18.051z"/>
</g>
<g id="contactUs">
<path d="M28.343 31.983h-24.59c-1.356 0-2.459-1.103-2.459-2.459v-27.049c0-1.356 1.103-2.459 2.459-2.459h24.59c1.356 0 2.459 1.103 2.459 2.459v27.049c-0 1.356-1.103 2.459-2.459 2.459zM28.343 29.524v0zM3.752 2.475v27.049h24.588l0.002-27.049h-24.59z"/>
<path d="M11.969 7.938c0-0.656 0.532-1.188 1.188-1.188h11.063c0.656 0 1.188 0.532 1.188 1.188v0c0 0.656-0.532 1.188-1.188 1.188h-11.063c-0.656 0-1.188-0.532-1.188-1.188v0z"/>
<path d="M6.563 8c0-0.656 0.532-1.188 1.188-1.188h1c0.656 0 1.188 0.532 1.188 1.188v0c0 0.656-0.532 1.188-1.188 1.188h-1c-0.656 0-1.188-0.532-1.188-1.188v0z"/>
<path d="M11.969 13.25c0-0.656 0.532-1.188 1.188-1.188h11.063c0.656 0 1.188 0.532 1.188 1.188v0c0 0.656-0.532 1.188-1.188 1.188h-11.063c-0.656 0-1.188-0.532-1.188-1.188v0z"/>
<path d="M6.563 13.25c0-0.656 0.532-1.188 1.188-1.188h1c0.656 0 1.188 0.532 1.188 1.188v0c0 0.656-0.532 1.188-1.188 1.188h-1c-0.656 0-1.188-0.532-1.188-1.188v0z"/>
<path d="M11.969 18.563c0-0.656 0.532-1.188 1.188-1.188h11.063c0.656 0 1.188 0.532 1.188 1.188v0c0 0.656-0.532 1.188-1.188 1.188h-11.063c-0.656 0-1.188-0.532-1.188-1.188v0z"/>
<path d="M6.563 18.563c0-0.656 0.532-1.188 1.188-1.188h1c0.656 0 1.188 0.532 1.188 1.188v0c0 0.656-0.532 1.188-1.188 1.188h-1c-0.656 0-1.188-0.532-1.188-1.188v0z"/>
<path d="M11.969 23.875c0-0.656 0.532-1.188 1.188-1.188h11.063c0.656 0 1.188 0.532 1.188 1.188v0c0 0.656-0.532 1.188-1.188 1.188h-11.063c-0.656 0-1.188-0.532-1.188-1.188v0z"/>
<path d="M6.563 23.875c0-0.656 0.532-1.188 1.188-1.188h1c0.656 0 1.188 0.532 1.188 1.188v0c0 0.656-0.532 1.188-1.188 1.188h-1c-0.656 0-1.188-0.532-1.188-1.188v0z"/>
</g>
<g id="video">
<path d="M16 0.381c-8.626 0-15.619 6.993-15.619 15.619s6.993 15.619 15.619 15.619 15.619-6.993 15.619-15.619-6.993-15.619-15.619-15.619zM16 29.423c-7.413 0-13.423-6.010-13.423-13.423s6.010-13.423 13.423-13.423 13.423 6.010 13.423 13.423-6.010 13.423-13.423 13.423z" />
<path d="M23.888 16l-11.473 6.624v-13.248z" />
</g>
</defs>
当包含在内联时,我可以使用 <use>
重用图标 标签如下:
<svg width="32" height="32" viewBox="0 0 32 32">
<g>
<use xlink:href="#chat"/>
</g>
</svg>
问: 是否可以将 defs 作为外部文件包含在内?
最佳答案
如果您想通过use
包含外部SVG 元素,只需指定正确的IRI。在 xlink:href
属性中。如果你使用像 #something
这样的 IRI,你指的是同一文档中的一个元素,它有 something
作为 id
,如果你需要得到来自不同文档的外部元素,您可以使用类似 external.svg#someotherthing
的东西,这样 IRI 会指示存在 id
someotherthing
的元素在名为 external.svg
的文件中。
关于html - 我可以包含外部 SVG defs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20783374/
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 7年前关闭。 Improve thi
有两个 SVG 元素( SVG1 和 SVG2 ),其中 SVG1 是一个包含各种元素的大区域,会不时添加、删除和重新定位。另一方面,SVG2 需要用作 图标化表示(小) SVG1 的版本,非常小,但
我知道我们可以使用 document.createElementNS("http://www.w3.org/2000/svg","line"); 创建一个嵌入到html页面。 但是,这种方法似乎不适用
我正在尝试使用 Flutter SVG 依赖项,我将 svg 放入 Assets 中,在 pubspec.yaml 中设置,并在我的小部件中设置,但是,使用黑色容器加载 svg 我已经尝试过更改 sv
为什么这样的演示:http://jsbin.com/ejorus/2/edit,将元素嵌套在另一个元素内? JS
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它,visit the help center 。 已关
我正在尝试在 SVG 中做一些非常简单的事情: 将整个视口(viewport)分成两个矩形 每个矩形的宽度应为视口(viewport)宽度的 50% 每个矩形的高度应为视口(viewport)高度的
我试图将 play svg 居中放置在 SVG 圆圈的中间,但似乎不知道该怎么做。 垂直和水平。 https://jsfiddle.net/c0qshm0t/17/ 最
是否可以使用一个 SVG 形状作为另一个形状的填充? 最佳答案 您想使用 SVG Pattern .见 this example : 注意
我在 SVG 中有一个非常简单的路径。 (预览:https://i.imgur.com/nVnxcRg.png) 我想要
我可以通过以下方式创建多边形: #!/usr/bin/env python from shapely.geometry import Polygon area = Polygon(((52, 13),
我使用 require 的 SVG 没有显示。 在我的终端中,svg Assets 被发出并且路径在我的 html 中正确设置。 但是,SVG 不会显示,而其他格式(如 jpg 或 png)可以显示
我在 SVG 混合模式中遇到了问题。我在 SVG 中有四个路径,我想用公式组合它们:(1*2) + (3*4),即路径 1 和路径 2 应该使用乘法模式混合,类似地路径 3 和路径 4 应该使用混合相
我无法超过 2 个级别。 (在 Iceweasel 和 Chromium 上尝试过。) 作为测试,我尝试了 this earlier reply 中提供的代码的变体。 .这个由 3 个单独的文件组成,
请引用以下组中的clip-path 组 ID -> “container_svg_symbolGroup1_0(即圆圈符号)在我删除图表中可见的剪辑路径时不可见。 问题是什么?为什么
使用联合 js 在 svg 中创建了一个文本区域。但是,我无法在文本区域中输入任何文本。如何使文本区域可编辑? 代码: var graph = new joint.dia.Graph;
您可以不受限制地停止和重复动画,但如果您重新启动一个不确定的动画,它将失去其累积值并从初始值开始。 也许我应该用一个例子来澄清;拿这个动画: 如果我停止此动画,并开始影响同一对象旋转的不同动画(
如果我在浏览器中显示常规 SVG(作为独立文件或嵌入在 HTML 中),在拥有大量单独的路径元素和一个巨大的路径元素之间在效率上是否有任何理论上的差异? 我正在考虑将某种动画从一张图片变成一张完全不同
logo的turtlegraphics的svg路径中是否有等价物? 而不是硬编码的 x 和 y 坐标,这也迫使我在移动更相对的“增量”方法时调整控制点。 我的解决方案应该适用于 FOCS(Firefo
目前正在使用 SVG 元素与一堆 元素将使它具有一种逐渐变细的边缘。我尝试了很多不同的 CSS 样式来解决这个问题,但没有任何效果。这是一个带有针迹的圆圈的代码:
我是一名优秀的程序员,十分优秀!