создание слоя сетки на холсте SVG - PullRequest
0 голосов
/ 28 сентября 2010

Все,

Мы могли бы действительно сделать несколько советов от SVG-гуру.

ЧТО МЫ ИМЕЕМ: Есть холст SVG, на который нанесены координаты (ось X & Y)положение курсора).Когда пользователь перемещает курсор на холст SVG, координаты отображаются в реальном времени в верхнем левом углу веб-страницы.

ЧТО МЫ ХОТИМ: Мы хотим добавить слой сетки поверх холста SVGслой (на котором отображаются координаты мыши), так что слой сетки всегда остается сверху, независимо от того, что пользователь делает с базовым слоем.Мы также хотим, чтобы координаты продолжали отображаться, даже если сейчас слой сетки находится сверху.

ЧТО ТАКОЕ ПРОБЛЕМА: Когда мы добавляем слой сетки SVG поверх существующего слоя, мышь взаимодействуетординаты перестают работать (понятно, что они основаны на слое SVG, который теперь скрыт слоем сетки).Также, поскольку пользователь будет взаимодействовать с базовым слоем (он может только показывать / скрывать слой сетки), мы хотим, чтобы он продолжал делать все то, что мы хотим, чтобы он делал с базовым слоем, несмотря на сетку сверху.

Проще говоря: мы хотим, чтобы на нашем холсте SVG работала сетка фотошопа.

Любой совет был бы отличной помощью.

1 Ответ

2 голосов
/ 28 сентября 2010

Звучит так, как будто вы хотите добавить pointer-events="none" к слою сетки.Это заставит события мыши проходить через слой сетки, даже если он находится сверху, и даже если он не прозрачен.Подробнее см. здесь .

...