FabricJS в проекте Ваадин 12 - PullRequest
Новая
       5

FabricJS в проекте Ваадин 12

0 голосов
/ 19 декабря 2018

Я хочу использовать FabricJS для рисования фигур в существующем проекте vaadin 12, но фигуры не отображаются.

test-design-1.html файл: 

    <div id="divCanvas">
        <canvas id="c" height="800px" width="800px"> </canvas>
    </div>

TestDesign1.Java-файл: 

@Tag("test-design-1")
@JavaScript("src/views/js/jquery.min.js")
@JavaScript("src/views/js/fabric.js")
@JavaScript("src/views/js/1.js")
@HtmlImport("src/views/test-design-1.html")

1.js-файл: 

    window.onload = function() {
        let canvas = new fabric.Canvas('c');
        alert('Objects count: ' + canvas._objects.length); //0

        let rect = new fabric.Rect({
            left: 100,
            top: 100,
            width:190,
            height:240,
            strokeWidth: 1,
            stroke:'red',
            fill:'green'
        });
        canvas.add(rect);
        alert('Objects count: ' + canvas._objects.length);  //1
        canvas.renderAll();
    }

После запуска всплывающее окно «Количество объектов: 1», но форма прямоугольника не отображается.

Как я могу решить это?

...