как сделать фиксированный контент с позицией (x, y) на холсте отзывчивым с помощью мобильного устройства?используя h5 и javascript - PullRequest
0 голосов
/ 20 февраля 2019

Я использую что-то ниже, чтобы сделать мой холст отзывчивым, и он прекрасно работает, но только для изображения, которое рисует на холсте, проблема в том, что я также добавил несколько слотов на холст в качестве условия, чтобы сказать, если щелкнуть мышью пов нужном месте (используйте addeventlisenter ('click')). после масштабирования холста все эти слоты не работают, кто-нибудь может дать совет о том, как достичь моей цели?Заранее спасибо.например: я установил слот [x: 185, y: 290, w: 70, h: 70], если щелкнуть мышью в слоте, это вызовет какое-то другое событие, но после того, как холст станет отзывчивым, эта функция не 'т работы.

var c=document.getElementById("canvas");
var ctx = c.getContext("2d");
function resizecanvas(){
    var height = window.innerHeight;
    var ratio = c.width / c.height;
    var width = height * ratio;
    c.style.width = width + 'px';
    c.style.height = height + 'px';
}
window.addEventListener('load',resizecanvas,false);
window.addEventListener('resize', resizecanvas, false);
...