Поворот/изменение размера Элементы управления ведут себя неожиданно, когда виджеты JQueryUI используются с Fabric.js

Question

Я только что обнаружил Fabric.js, и хотя документации немного не хватает, похоже, что она будет обрабатывать все, что мне нужно, для HTML-Dream Dream Board инструмент, который я создаю. Похоже, что он не очень хорошо работает с JQueryUI.

Когда я устанавливаю любой из моих объектов как виджеты JQueryUI, кнопку, диалоговое окно и т. Д., Ручки управления, похоже, не реагируют на верхнюю половину моих элементов холста, и даже на дне хит области для изменения размера/вращения значительно уменьшаются, что затрудняет манипулирование элементами. Кто-нибудь сталкивался с этим? Это известная проблема? Я проверил github и попытался найти SO безрезультатно.

Спасибо!

http://seismicdevelopment.com/test/no-jquery-uis.html - Нет JQuery UI Widgets ... ведет себя так, как я ожидал.

http://seismicdevelopment.com/test/with-jquery-uis.html - Нажмите «Добавить изображение», вы получите изображение, но по сравнению с другой страницей вы заметите, что углы изображения не так интерактивны ... вы можете перемещать изображение в порядке , но вращение и масштабирование - это промах или промах.

Answer 1

Проблема должна быть в смещениях. jQueryUI, вероятно, изменяет высоту этих кнопок, которая слегка перемещает холст по сравнению с тем, как это было при инициализации.

Я объяснил это - и почему это происходит в Ткань - более подробно here.