javascript — HTML 5 Canvas Co-Ordinates и соотношение пикселей в браузере?

HTML 5 Холст Координаты и соотношение пикселей в браузере?

Вы можете получить координаты верхнего левого угла вашего холста с помощью функции jQuery .offset () . Вычтите их из координат, предоставленных событием мыши, и вы получите позицию на холсте.

Относительно проблем масштабирования, с которыми вы сталкиваетесь, есть два возможных объяснения:

A: вы используете translate, transform или scale для изменения системы координат холста (но когда вы это сделаете, вы наверняка будете об этом знать)

B: вы используете свойства стиля CSS, чтобы изменить размер холста. Разрешение холста определяется свойствами width и height HTML-тега {amp}lt;canvas{amp}gt; . Когда вы используете CSS для изменения ширины или высоты, с которой визуализируется холст, он сначала рисуется во внутреннем разрешении, а затем масштабируется соответствующим образом для отображения в браузере.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector