zoom in/out на canvas


0

Здравейте, в момента работя по един проект за графичен едитор (нещо като Instagram трябва да се получи) За целта използвам HTML5 canvas. Имам бутони за zoom in и zoom out с които които потребителя да си променя частта от изображението която се вижда в прозореца (прозореца е един div с overflow: hidden, а в него е самия canvas) Имам функция която намира координатите на мишката в canvas-а. Проблемът идва когато намаля/увелича canvas-a. При увеличаване в ляво се появяват отрицателни координати, а в дясно стойности от рода на 5-600 (при положение че canvas-а е с width: 360px) При намаляване на мястото където трябва да е 0; 0 ми вади по големи числа и общо взето на доста места се чупи. Какво може да се направи за да роботи коректно приложението. Мислех си за някаква функция която да прави transform на самите пиксели, например при zoom in на 120% пикселите да стават x1,2, но не знам дали съществува такова нещо.

Предварително Ви благодаря!

Поздрави, Никола!




Отговори



0
Никой ли не знае как ще стане? ;(

от neznamue (0 точки)