jQuery addClass example

Change class name on click in jQuery

by rahulr

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.16/fabric.min.js"></script>
<canvas id="mainc" width="1000" height="1000"></canvas>

JavaScript

var canvas = new fabric.Canvas('mainc',{
                width:1000,
                height:1000
            });


            var img = new Image();
            img.onload = function(){


                var imgInstance = new fabric.Image(img,{
                    width:900,
                    height:900,
                    top:50,
                    left:50,
                    originX:'left',
                    originY:'top',

                });

                canvas.add(imgInstance);

                imgInstance.clipTo = function(ctx) {
                    ctx.save();
                    ctx.setTransform(1, 0, 0, 1, 0, 0);

                    ctx.rect(50,50,900,900);
                    ctx.fillStyle='red';
                    ctx.fill();
                    ctx.restore();
                };
                canvas.renderAll();

            }
            img.src = 'https://starzone.ragalahari.com/june2019/hd/sanjana-anne-cream-net-gown-ps/sanjana-anne-cream-net-gown-ps7.jpg';