JQuery таргетинг SVG-элемента в отдельном файле

Question

JQuery таргетинг SVG-элемента в отдельном файле

0

Я пытаюсь применить фильтр SVG на видео, на самом деле он работает с webkit, если я использую внешний файл svg с свойством -webkit-mask: url (mask.svg).

Проблема в том, что я хочу настроить таргетинг на элемент в маске, чтобы изменить его атрибут. Он работает плавно, если я вставляю код svg в тот же файл с html, но JQuery не может получить доступ к элементу вне html-документа в файле mask.svg.

Поэтому с SVG и html в том же файле я могу настроить таргетинг

var mask = $('#mask1 #group #circle')[0];

Но поскольку webkit не работает с svg, встроенным в тот же файл из-за атрибута CSS-атрибута webkit-mask, существует ли способ jquery для целевого элемента за пределами фактического html-кода?

Большое спасибо!

pH

hachpai 28 март 2014, в 20:13

Источник

Теги:

jquery

svg

webkit

1 ответ

Ещё вопросы

mydoglixu · Accepted Answer · 2014-03-28T17-18-00.000Z

вы не можете нацелить ничего из документа за пределами документа. Что вы могли бы сделать, может быть, использовать оператор include, чтобы сделать ваш код немного красивее или загрузить svg на лету. оттуда вы можете стилизовать его по своему усмотрению с помощью CSS.

Спасибо! Фактически загрузка кода SVG делает его управляемым, но это не влияет на рендеринг ...