2015-07-30 14 views
16

Kullanıcıların şekilleri birbirine bağlamasının ve onları canlandırmasına izin vereceğim basit bir kumaş js uygulamasına sahibim. TakipKullanıcı seçili bir js nesnesini silmeye izin ver

Bu benim Fiddle benim JS

var canvas; 
window.newAnimation = function(){ 
    canvas = new fabric.Canvas('canvas'); 
} 

window.addRect = function(){ 
    var rect = new fabric.Rect({ 
    left: 100, 
    top: 100, 
    fill: 'red', 
    width: 20, 
    height: 20, 
}); 
    canvas.add(rect); 

} 

window.addCircle = function(){ 
    var circle = new fabric.Circle({ 
    radius: 20, fill: 'green', left: 100, top: 100 
}); 
    canvas.add(circle); 
} 

olduğunu. Yeni animasyonu tıklayabilir ve ardından nesneyi şimdi ekleyebilirsiniz.

Kullanıcının bir nesne seçmesini ve sonra da silebilmesini istiyorum. Nasıl yapılacağını bilmiyorum. Bu Delete multiple Objects at once on a fabric.js canvas in html5 buldum Ama başarılı bir şekilde uygulamak mümkün değildi. Temel olarak kullanıcıların bir nesneyi seçebilmelerini ve silebilmelerini istiyorum.

cevap

25

Örneğin, remove() yöntemini kullanabilirsiniz. fabric.js yeni sürümü yayınlandı yana

window.deleteObject = function() { 
     canvas.getActiveObject().remove(); 
} 

jsfiddle

9

- kullanmalısınız:

canvas.remove(canvas.getActiveObject()); 
İlgili konular