Javascript SVG元素上掩码的属性访问器是什么?
我一直在查阅文档,但似乎找不到以下问题的答案 我想在项目中的Javascript SVG元素上掩码的属性访问器是什么?,javascript,svg,properties,mask,Javascript,Svg,Properties,Mask,我一直在查阅文档,但似乎找不到以下问题的答案 我想在项目中的circle元素中添加mask属性,但如果可以,我希望避免circle.setAttribute() <!-- HTML --> <circle /> /* JS */ let node = document.querySelector(`circle`); circle.id = `foo`; circle.mask = `url(#bar)`; // This isn't valid...? circle
circle
元素中添加mask
属性,但如果可以,我希望避免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)" />
/*JS*/
让node=document.querySelector(`circle`);
circle.id=`foo`;
circle.mask=`url(#bar)`;//这是无效的。。。?
circle.setAttribute(`mask`,`url(#bar)`);//我想避免做的事。但替换上面无效的行。
/*JS激发后生成的HTML*/
SVG元素上的
掩码
的属性访问器是什么?是否存在?掩码是一个映射的CSS属性,因此可以通过circle.style.mask=。。。这不会给你一个属性的特殊性,但它是不使用setAttribute可以得到的最接近的属性。令人惊讶的是,一个精心设计、简洁的答案会让你觉得多么愚蠢;)非常感谢。