fix20152
@fix20152
javascript developer

Как сделать границы (шаблон) для объекта canvas?

Добрый день.
Помогите разобраться с canvas и fabric.js . Стоит на первый взгляд простая задача создать объекты на fabric.js и вокруг них сделать границы (шаблон) для примера, по углам поставить треугольники. Я решил эту задачу с помощью добавления двох дивов, и налаживания css стилей, ну что мне кажется что можно это сделать по другому, более правильным методом. Подскажет может кто сталкивался.

Пример jsfiddle.net/fix2015/BCYBZ/1

Пример как я добавляю дивы объектам вот:
obj = canvas.getActiveObject();
 var btnLeft =  obj.getLeft();
    var btnTop =  obj.getTop();   
    var widthadjust= obj.getWidth();
    var heightadjust= obj.getHeight();
    bottom = heightadjust + btnTop;
    borderText = '<div class="one" style="position:absolute;top:'+btnTop+'px;left:'+btnLeft+'px;width:'+widthadjust +'px" ></div>';
    btnLeft =btnLeft+5;
    borderText = borderText + '<div class="two" style="position:absolute;top:'+bottom+'px;left:'+btnLeft+'px;width:'+widthadjust+'px" ></div>';
    jQuery(".canvas-container").before(borderText);
  • Вопрос задан
  • 2834 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы