Как привязать canvas к координатам дисплея?

Question

[maiskiykot]

Есть интерактивная карта построенная с помощью svg и координат area. Есть мысль наносить динамически надписи и линии с помощью canvas. Однако привязка canvas и привязка svg не совпадает и при масштабировании все элементы canvas съезжают. Подскажите, плиззз, как можно привязать canvas к координатам по типу area? Чтобы резиновость svg совпадала с резиновостью canvas.

Comments

[Vitaliy]

предоставьте код, по которому "все съезжает"

[maiskiykot]

Кода пока как такового нет. Просто взял карту jqvmap и пытаюсь на ней рисовать canvas. В статике позиционировать получается, но при масштабировании дисплея все съезжает. Нужно, чтобы canvas приклеивался к карте намертво.

[Роман]

maiskiykot, а вы масштабируете то что отрисовываете на канвасе? Если да, то просто подберите коэфициенты, при которых масштаб отрисовки контента на канвасе будет совпадать с масштабом отрисовки контента на svg.

Сам по себе канвас имеет встроенный механизм управления масштабом. Также это можно реализовать вручную, как в этих примерах ( Полёт пули в игре html5+js? и Как сделать точное вычисление физики гравитации на...)

Answer 1

[maiskiykot]

Отказался полностью от jqvmap. Построил все сам на голом SVG + PHP