Здравствуйте. Помогите пожалуйста решить следующую задачу. В приложении, написанном на Vue.js создаю img, затем пытаюсь добавить его в canvas но у меня не выходит. Подскажите, что я делаю не так.
<template>
<div>
<canvas id="supercanvas" ref="supercanvas" width="800" height="600"></canvas>
</div>
</template>
<script>
export default {
mounted: function() {
const canvas = this.$refs.supercanvas;
const ctx = canvas.getContext('2d');
const img = new Image();
img.src = '../assets/1.jpg';
let i = 0;
function draw () {
i++;
ctx.clearRect(0, 0, 800, 600);
ctx.drawImage(img, 0, 0, 800, 600);
window.requestAnimationFrame(draw);
}
draw();
}
}
</script>
(В Network указывается не jpeg, а text/html)
