Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
tyanas opened this issue Nov 23, 2015 · 0 comments

Comments

@tyanas
Copy link
Member

tyanas commented Nov 23, 2015

В 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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant