Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript SVG元素上掩码的属性访问器是什么?_Javascript_Svg_Properties_Mask - Fatal编程技术网

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可以得到的最接近的属性。

令人惊讶的是,一个精心设计、简洁的答案会让你觉得多么愚蠢;)非常感谢。