SVG 元素上遮罩的 属性 访问器是什么?
What is the property accessor for a mask on SVG elements?
我一直在浏览文档,但似乎找不到以下问题的答案...
我想将 mask
属性添加到我项目中的 circle
元素,但如果可以的话,我想避免 circle.setAttribute()
。
<!-- HTML -->
<circle />
/* JS */
let node = document.querySelector(`circle`);
circle.id = `foo`;
circle.mask = `url(#bar)`; // This isn't valid...?
circle.setAttribute(`mask`, `url(#bar)`); // What I want to avoid doing. But substitutes the invalid line above.
/* Resulting HTML after JS fires */
<circle id="foo" mask="url(#bar)" />
SVG 元素上 mask
的 属性 访问器是什么?有吗?
mask 是一个映射的 CSS 属性,因此您可以通过 circle.style.mask = ... 设置它,这不会给您一个属性的特异性,但它是您可以得到的最接近的属性使用 setAttribute.
我一直在浏览文档,但似乎找不到以下问题的答案...
我想将 mask
属性添加到我项目中的 circle
元素,但如果可以的话,我想避免 circle.setAttribute()
。
<!-- HTML -->
<circle />
/* JS */
let node = document.querySelector(`circle`);
circle.id = `foo`;
circle.mask = `url(#bar)`; // This isn't valid...?
circle.setAttribute(`mask`, `url(#bar)`); // What I want to avoid doing. But substitutes the invalid line above.
/* Resulting HTML after JS fires */
<circle id="foo" mask="url(#bar)" />
SVG 元素上 mask
的 属性 访问器是什么?有吗?
mask 是一个映射的 CSS 属性,因此您可以通过 circle.style.mask = ... 设置它,这不会给您一个属性的特异性,但它是您可以得到的最接近的属性使用 setAttribute.