Inline SVG показывает черный в сафари, но отлично работает на Chrome - PullRequest
Новая
       25

Inline SVG показывает черный в сафари, но отлично работает на Chrome

0 голосов
/ 30 сентября 2019

Я пытаюсь использовать встроенный SVG над элементом холста в качестве сетки. Проблема в том, что svg grid показывает черный цвет в сафари, в то время как он отлично работает на chromeЯ пробовал фактический URL для заполнения, пробовал viewbox, но ничего не работает. Я протестировал с помощью тега объекта, но проблема в том, что я не улавливаю события правого клика, которые мне нужны над сеткой SVG. Вот мой код 

   <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <pattern id="grid10" width="10" height="10" patternUnits="userSpaceOnUse">
      <path
        d="M 10 0 L 0 0 0 10"
        fill="none"
        stroke="gray"
        stroke-width="0.5"
      />
    </pattern>
    <pattern
      id="grid100"
      width="100"
      height="100"
      patternUnits="userSpaceOnUse"
    >
      <rect width="100" height="100" fill="url(#grid10)" />
      <path
        d="M 100 0 L 0 0 0 100"
        fill="none"
        stroke="gray"
        stroke-width="1"
      />
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#grid100)" />
</svg>
...