Как я могу применить маску из встроенного SVG, который будет работать в Chrome? ⇐ Html

[Anonymous]

Обновление : этот вопрос, кажется, устарел, так как оба фрагменты теперь хорошо работают в Chrome.

Я хочу обрезать свой элемент, используя форму SVG, которая определена в одном и том же файле HTML (inline svg). />

Код: Выделить всё

div {
width: 200px;
height: 200px;
background-color: red;
clip-path: url("#c");
}< /code>

But when using a mask, although this works fine in Firefox, it applies no masking in Chrome:


div {
width: 200px;
height: 200px;
background-color: red;
mask: url("#m");
}< /code>








< /code>
< /div>
< /div>
< /p>
Поиск вокруг (пример), кажется, что Chrome не ожидает, что маска будет ссылаться на определение, а вместо всего изображения. Есть ли способ сослаться на целое изображение, если оно было вставлено, хотя? Или есть что -нибудь еще, что я мог бы сделать, чтобы применить маску из встроенного элемента?


Подробнее здесь: https://stackoverflow.com/questions/451 ... -in-chrome