Как бороться с увеличением, уменьшением масштаба и нажатием на «полноэкранный режим» на холсте?

Question

Я хочу, чтобы холст точно перекрывал изображение с css height = 100% http://clec.twbbs.org/Screenshot.png?Однако, когда я увеличиваю, уменьшаю или нажимаю «на весь экран», холст не соответствует размеру изображения http://clec.twbbs.org/Screenshot-2.png.Мне интересно знать, как я могу решить эту проблему.

большое спасибо

Answer 1

Не видя вашего источника, я бы предложил добавить обертку вокруг тега image и canvas.

<div id='wrapper'>
    <img/>
    <canvas/>
</div>

Тогда элемент canvas не будет расширяться за пределы обертки.

Другой способ - привязать событие к window.resize и сделать элемент canvas равным ширине / высоте элемента изображения.