TAG
JavaScript
Result
Run
License
<canvas id="mycanvas" width="200" height="150"></canvas>
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); let context = elCanvas.getContext("2d"); let img = new Image(); img.src = "http://resrc.devdic.com/img/bysize/below_200/01.png"; img.onload = function() { let pattern = context.createPattern(img, "repeat"); context.beginPath(); context.strokeStyle = pattern; context.lineWidth = 20; context.rect(10, 10, 180, 80); context.stroke(); }; });
Console
expand_less
License
License
by DevDic
Close