hal/elemento

'''@Override
public void edit(MyModel model) {
panel = new LienzoPanel();
panel.setWidth("100%");
panel.setHeight("100%");

    Line line1 = new Line(0, 0, 0, 0).setStrokeColor(ColorName.BLUE);  // primary line
    Line line2 = new Line(0, 0, 0, 0).setStrokeColor(ColorName.GREEN); // secondary line
    line2.setDashArray(2, 2); // the secondary lines are dashed lines

    // Use primary and secondary lines in both directions.
    // Primary lines every 200 pixels, secondary lines every 50 pixels
    GridLayer gridLayer = new GridLayer(200, line1, 50, line2);
    panel.add(gridLayer);

    Layer layer = new Layer();
    layer.setListening(true);

    final double x = width / 2 - 120;  
    final double y = height / 2 - 60;  

    final Rectangle rectangle = new Rectangle(240, 120);  
    rectangle.setX(x).setY(y).setStrokeColor(ColorName.BLACK.getValue()).setStrokeWidth(1).setFillColor(Color.getRandomHexColor())
    .setShadow(new Shadow(ColorName.BLACK.getValue(), 20, 5, 5))  
    .setAlpha(0.4);
    rectangle.setDraggable(true);  

// rectangle.setDragConstraint(DragConstraint.HORIZONTAL);
rectangle.setListening(true);
layer.add(rectangle);
panel.add(layer);
rectangle.draw();

    HTMLElement htmlElement = Widgets.element(panel);
    card.appendChild(htmlElement);

    panel.onAttach();
}

'''