我正在尝试在 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/