setOverlayColor examples
Used in documentation (jsdoc tag)
HTML
<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width="400" height="400"></canvas>
<button id="toggle-repeat">Toggle repeat</button>
<button id="toggle-bgcolor">Toggle background</button>
CSS
canvas {
border: 1px solid #999;
}
button {
margin-top: 20px;
}
JavaScript
var canvas = this.__canvas = new fabric.Canvas('c');
var text = new fabric.Textbox('MIAMI', {
originX: 'left',
originY: 'top',
fill: 'red',
fontSize: 15,
});
fabric.Image.fromURL('https://media.timeout.com/images/103859094/image.jpg', function(img){
img.clipTo = function(ctx) {
text.render(ctx);
}
canvas.add(img);
canvas.renderAll();
});