Что такое средство доступа к маске для элементов SVG?

Question

Я просматривал документацию, но не могу найти ответ на следующий вопрос ...

Я хочу добавить атрибут 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)" />

Что такое средство доступа к свойству для mask в SVG-элементах? Существует ли один?

Answer 1

Маска

является сопоставленным атрибутом CSS, поэтому вы можете установить его с помощью circle.style.mask = ..., который не даст вам особой специфики атрибута, но он наиболее близок к тому, который вы можете получить без использования setAttribute.