如何在Firefox中爲掩碼設置自定義位置？

我想在Firefox中設置一個SVG掩碼的自定義位置，但我似乎無法找到一種方法來做到這一點。 https://developer.mozilla.org/en-US/docs/Web/CSS/mask上的文檔相當不完整（是的，我知道這不是標準化的，但仍然...）。如何在Firefox中爲掩碼設置自定義位置？

在鍍鉻/ Safari瀏覽器，使用所述速記「URL（mask.svg）xPosition位置yposition /大小;」做的伎倆，但在Firefox上它不會工作，因爲它被認爲是一個無效的屬性值。

這裏是我到目前爲止已經http://dabblet.com/gist/83bf9a8708193634892e做了dabblet。正如你所看到的，當使用Chrome/Safari時，一切都正確，但是在Firefox上，掩碼錯位。

有沒有一種方法來設置一個位置的面具或這不支持在Firefox？

您可以將轉換添加到路徑元素，例如transform="translate(150,100)"

Firefox支持的SVG 1.1 specification至於口罩。它還沒有（還）支持CSS屏蔽，除了CSS屏蔽的那些與SVG 1.1一致的部分。

2014-09-19 12:55:56

再次，非常感謝！我能夠垂直和水平居中使用JavaScript計算值和transform屬性的路徑。 – NicolasJEngler 2014-09-19 13:27:59

回答