JSFiddle - React, Tailwind, and code Playground
by yoowordpress
HTML
<canvas id="e" width="300" height="327"></canvas>JavaScript
var canvas = document.getElementById("e");
var context = canvas.getContext("2d");
var cat1 = new Image();
cat1.src = "https://www.justfabrics.co.uk/images/colours/2635_1_1.jpg"; //ткань
cat1.onload = function() {
context.drawImage(cat1, 1, 0);
var cat = new Image();
cat.src = "https://www.justfabrics.co.uk/images/made-to-measure/roman-blinds/overlays/large/roman.png"; //маска
cat.onload = function() {
context.drawImage(cat, 0, 0);
}
};