- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对 SVG 的经验很少,我正在尝试从 illustrator 中保存一条路径,以便它可以用作响应式剪贴蒙版,其大小相对于其父级,使用 clipPathUnits="objectBoundingBox"
.
但是,Illustrator 似乎不允许我在 0
和 1
之间设置相对路径值,并且只能导出绝对值。
我怎么能得到这样的代码...
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100">
<clippath id="clipping-mask">
<path d="M49.401,64H36.3V30.648h11.201c3.9,0,7.15,0.25,10.501,2.4c4.95,3.15,7.1,8.45,7.1,14.151
C65.102,56.75,59.352,64,49.401,64z M48.501,38.148h-3.7V56.5h3.65c5.7,0,8.15-3.65,8.15-9.051
C56.602,42.148,54.252,38.148,48.501,38.148z"/>
</clippath>
</svg>
...相对于其父级?
谢谢!
最佳答案
从 Paul LeBeau 的回答和 https://graphicdesign.stackexchange.com/a/42666 的回答中得到启发我发现您实际上可以将 Illustrator 中的画板设置为 1x1,并在保存为 SVG 时增加保存时 SVG 选项中的小数位数。这将生成小数点已经调整的 SVG。
关于svg - 为 ObjectBoundingBox 导出 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28964461/
我对 SVG 的经验很少,我正在尝试从 illustrator 中保存一条路径,以便它可以用作响应式剪贴蒙版,其大小相对于其父级,使用 clipPathUnits="objectBoundingBox
问题: 我创建了一个需要响应的 SVG 剪辑路径,但是当我尝试在剪辑路径标签中使用 clipPathUnits="objectBoundingBox" 时,它使目标对象消失。 我制作了有和没有的示例片
我正在尝试使用 SVG 来屏蔽图像。 它可以工作,但我希望 clipPath 大小与媒体相匹配。在 Chrome 中,我可以使用 CSS 控制 clipPath 的大小
当使用带有 SVG 滤镜的 primitiveUnits="objectBoundingBox" 并为边界框外的子项设置动画时,滤镜的表示会在动画完成时跳转。在下面的示例中,这通过两个框之间的间隙显示
这两个 SVG 具有线性渐变,它们在不同的坐标系中表示,但渲染相同的图像。我希望能够在这些坐标系之间进行转换。我知道如何从 objectBoundingBox 转换为 userSpaceOnUse,但
我想将一个图案应用于几个 svg 元素,该图案应该从每个元素的 (0,0) 点开始应用。 首先我尝试像 this 这样的代码 此示例中的问题是每
我使用从 Illustrator 导出的相当复杂的 SVG 形状作为剪切路径。 问题是objectBoundingBox要求路径数据在0-1范围内,而我的路径包含超出这个范围的路径数据。这是我正在使用
我是一名优秀的程序员,十分优秀!