Canvas posição de imagens X e Y
Pessoal alguem poderia me ajudar, a como fazer para mudar de cor um objeto quando ficar um objeto por cima do outro.
Não sei se isso utiliza posições de X e Y ou outras coisas.
Por favor me ajudem...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="fabric.min.js"></script>
</head>
<body>
<canvas id="c" width="1190" height="600"></canvas>
</body>
<script>
(function(){
var canvas = new fabric.Canvas('c');
var rect=new fabric.Rect({
left:10,
top:20,
fill:'red',
width:90,
height:90
});
var rect2 = new fabric.Rect({
left:1100,
top:100,
fill:'blue',
width:90,
height:90
});
var circle = new fabric.Circle({
radius:30,
left:1100,
top:200,
fill:'green'
});
canvas.add(rect,rect2,circle);
canvas.forEachObject(function(o){ o.hasBorders = o.hasControls = true; });
canvas.item(0).selectable=false;
canvas.on({
'object:moving': onChange,
});
})();
</script>
</html>Discussão (0)
Carregando comentários...