html - 如何在 Firefox 中为掩码设置自定义位置?

标签 html css firefox svg vector-graphics

我正在尝试在 Firefox 中为 SVG 掩码设置自定义位置,但我似乎找不到实现它的方法。 https://developer.mozilla.org/en-US/docs/Web/CSS/mask 上的文档非常不完整(是的,我知道这不是标准化的,但仍然......)。

在 Chrome/Safari 上,使用简写“url(mask.svg) xposition yposition/size;”可以解决问题,但在 Firefox 上它不会工作,因为它被识别为无效的属性值。

这是我到目前为止所做的一小部分 http://dabblet.com/gist/83bf9a8708193634892e . 如您所见,使用 Chrome/Safari 时一切正常,但在 Firefox 上掩码位置错误。

有没有办法设置掩码的位置,或者这在 Firefox 上不受支持?

最佳答案

您可以向路径元素添加翻译,例如transform="translate(150,100)"

Firefox 支持 SVG 1.1 specification关于口罩。它(目前)不支持 CSS 掩码,除了 CSS Masking 的那些部分恰好与 SVG 1.1 一致

关于html - 如何在 Firefox 中为掩码设置自定义位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25933947/

相关文章:

HTML - 更改框架内的图像并保持框架大小不变

css - SASS url() 直接路径

javascript - Firefox 简单扩展以获取面板上的点击项目

html - 淡出人力资源线的问题

javascript - jQuery 显示与所选下拉值具有相同类的 div

jquery - 从 iframe 调用父级中的 Fancybox

javascript - 打印模态窗口而不是页面的其余部分

css - 12px/13px 在 css 字体声明中做什么?

javascript - 如何强制 Firefox(版本 6)释放内存?

html - Firefox 17.0.4 中奇怪的 div 行为