-
Notifications
You must be signed in to change notification settings - Fork 4
Open
Description
В css указываем относительный путь до паттерна, которым хотим закрасить часть svg
# file.css
.foo
{
fill: url('./#my-id');
}
file.tmpl
<svg>
<defs>
<pattern id="my-id"/>
</defs>
<rect class="foo"/>
</svg>
Это без сборки показывается как ожидается в хроме (если путь относительный url(./#my-id) или url('./#my-id')).
При сборке получаем (для разных вариантов написания значения fill)
FATAL `/` is not a file: url(/#my-id)
FATAL `/` is not a file: url('/#my-id')
FATAL `/path/to/folder/with/css/file` is not a file: url(./#my-id)
FATAL `/path/to/folder/with/css/file` is not a file: url('./#my-id')
Но в целом писать относительный урл в css для таких случаев бесполезно. Хром (и только он) рисует как ожидается и без ./ (но это вроде бы не по спеке), а firefox все равно не рисует ничего. То есть может и хорошо, что тут FATAL
http://stackoverflow.com/a/15842997 про fill: url(#...) для FF
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels