ткань js пользовательский значок вращающаяся точка

Question

в ткани js как я могу настроить вращающуюся точку? У меня есть 3 дополнительных элемента управления: удаление, z-порядок, вращение. Я хочу изменить вращающуюся точку с помощью значка поворота.

до сих пор я следую демо-версии http://fabricjs.com/interaction-with-objects-outside-canvas/, он отлично подходит для удаления и управления z-order, но для поворота он остается на вершине вращающейся точки, поэтому его трудно повернуть. вот код о том, как я это делаю.

canvas.on("object:selected", function(obj){ 
     jQuery(".deleteBtn").remove(); jQuery(".zOrderBtn").remove(); jQuery('.rotateBtn').remove(); 
     var btnLeft = obj.target.oCoords.mt.x - 40; 
     var btnTop = obj.target.oCoords.mt.y - 50; 
     var orderLeft = obj.target.oCoords.mt.x + 10; 
     var orderTop = obj.target.oCoords.mt.y - 50; 
     var rotateLeft = obj.target.oCoords.mt.x - 10; 
     var rotateTop = obj.target.oCoords.mt.y - 50; 
     var deleteBtn = '<img src="assets/images/delete-trash.png" class="deleteBtn" title="Delete" style="position:absolute;top:'+btnTop+'px;left:'+btnLeft+'px;cursor:pointer;" />'; 
     var zOrderBtn = '<img src="assets/images/zorder.png" class="zOrderBtn" title="Bring to top" style="position:absolute;top:'+orderTop+'px;left:'+orderLeft+'px;cursor:pointer;" />'; 
     var rotateBtn = '<img src="assets/images/rotate.png" class="rotateBtn" title="Rotate" style="position:absolute;top:'+rotateTop+'px;left:'+rotateLeft+'px;cursor:pointer;" />'; 
     jQuery("#canvas-wrap").append(deleteBtn); 
     jQuery("#canvas-wrap").append(zOrderBtn); 
     jQuery("#canvas-wrap").append(rotateBtn); 
     currentDeleteBtn = jQuery('.deleteBtn').eq(0); 
     currentOrderBtn = jQuery('.zOrderBtn').eq(0); 
     currentRotateBtn = jQuery('.rotateBtn').eq(0); 
    }); 

и вот скриншот холста http://i.imgur.com/watnbPL.png

Answer 1

Вы можете изменять функции ткани по умолчанию, чтобы получить это.

This может вам помочь. И this - это ссылка на мой git repo, есть приложение для холста, которое я сделал с использованием ткани.