Skip to content

сборка пытается искать файл для fill: url(./#...) #1

@tyanas

Description

@tyanas

В 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions