fabric.js로 요소를 이동할 때 캔바스 뒷면에 이미지를 유지하는 방법은 무엇입니까?

Question

처음에는 캔버스에 큰 이미지가로드 된 다음 그 위에 사각형을 그릴 수 있기를 바랍니다. 이미지를 드래그 할 때, 이미지 위에 직사각형이 나타나기를 원합니다.

여기는 펑크입니다.

http://plnkr.co/edit/iJV0bZrlCG4CJXlhDw8w?p=preview

가능하다면, 나는 상관없이 어떤 이미지가 뒤에 항상 보장 할 수 있도록 하시겠습니까? 나는 꽤 extensivley 주위를 둘러 보았고 해결책을 찾지 못했습니다. 점점 더 실망하게되었습니다!

처음에는 이것이 간단 할 것이라고 생각했습니다.

canvas.on('object:moving', function(e) { 

    var obj = e.target; 
    console.log(obj.id) 
    if (obj.id === 'img') { 
    canvas.sendToBack(obj) 
    } else { 
    canvas.bringToFront(obj) 
    } 


}); 

누군가가 도와 줄 수 있기를 바랍니다.

Answer 1

그냥 preserveObjectStacking 옵션을 전달하면 선택시 문제가 없습니다.

window.canvas = new fabric.Canvas('c', { preserveObjectStacking:true });