如何在 Firefox 中为蒙版设置自定义位置？答案

【问题标题】：How to set a custom position for masks in Firefox?如何在 Firefox 中为蒙版设置自定义位置？
【发布时间】：2014-11-14 01:12:18
【问题描述】：

我正在尝试在 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 上不受支持？

【问题讨论】：

【解决方案1】：

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

Firefox 在掩码方面支持SVG 1.1 specification。它（尚）不支持 CSS 掩码，除了那些恰好与 SVG 1.1 一致的 CSS 掩码部分

【讨论】：