Я написал код, который отлично работает в Chrome и Firefox, но не в Safari. Бывает, что вместо использования атрибута clip-path я должен использовать -webkit-clip-path. Однако, когда я пытаюсь установить этот атрибут в D3, я получаю сообщение об ошибке с функцией setAttribute. Пример:
this._path = this._curve.insert('path')
.attr('d', this._line(chronicle))
.attr("clip-path", "url(#clip)")
.attr("-wekbit-clip-path", "url(#clip)") // ERROR HERE
.attr("class", "curve")
.attr("stroke", "orange");
Ошибка: InvalidCharacterError: The string contains invalid characters.
Я обнаружил, что у префиксов поставщиков есть специальное имя, когда вы используете их в JavaScript. Но использование этого специального имени в функции .attr не переводит на -vendor-attribute в сгенерированном HTML.
Так как же можно установить атрибуты с префиксом поставщика (особенно -webkit-clip-path) в D3 с помощью .attrфункция