// početak definisanja četvrtog trougla
var imageObj = new Image();
imageObj.onload = function(){
var pattern = context.createPattern(imageObj, "repeat");
drawTriangle(context, canvas.width * 4 / 6, triangleY,
triangleWidth, triangleHeight, pattern);
};
imageObj.src = "pattern.jpg";
// kraj definisanja četvrtog trougla
// početak definisanja petog trougla
var imag = new Image();
imag.onload = function(){
var picture = context.createPattern(imag, "repeat");
drawTriangle(context, canvas.width * 5 / 6, triangleY,
triangleWidth, triangleHeight, picture);
};
imag.src = "sun.jpg";
//kraj definisanja petog trougla
</script>
Realizacija koda: