How to programmatically add the LineWidget?

Web
1

Hello everyone,

I have a well-configured functionality for adding a LineWidget by hand. However, now I need to add a LineWidget when clicking a button.

The idea is to save the previously created LineWidget (which acts as a ruler) into the database, and after closing the application and reloading the vti image, add the already saved measure programmatically. I have no problem adding the line itself and the text to it, however I have a problem with the handles - they are simply missing, so I get this result when I try to add the widget programmatically:

image
image720Ă—542 31.7 KB

And I would like to receive something like this:

image
image720Ă—542 34.4 KB

Here is my code:

  const lineWidget = vtkLineWidget.newInstance()

  const currentHandle = measuresWidgetManager.addWidget(
    lineWidget,
    ViewTypes.SLICE
  )

  const lineWidgetState = currentHandle.getWidgetState()

  lineWidgetState.setLineThickness(1.5)
  lineWidgetState.getHandle1().setScale1(22)
  lineWidgetState.getHandle1().setShape(LineConstants.ShapeType.VIEWFINDER)
  lineWidgetState.getHandle2().setScale1(22)
  lineWidgetState.getMoveHandle().setVisible(false)
  lineWidgetState.getHandle2().setShape(LineConstants.ShapeType.VIEWFINDER)
  lineWidgetState.getPositionOnLine().setPosOnLine(1)
  lineWidgetState
    .getHandle1()
    .setOrigin(4.4889630000000125, -45.22037573007856, 9.716660438253825)
  lineWidgetState
    .getHandle2()
    .setOrigin(4.4889630000000125, 107.44763421995941, -132.89689485306604)
  lineWidget
    .getWidgetState()
    .getText()
    .setOrigin(4.4889630000000125, 107.44763421995941, -132.89689485306604)
  currentHandle.setText(lineWidget.getDistance().toFixed(2) + ' mm')
  
  setupSVG(lineWidget, rendererX)

  ...

It is also important that the handles by default are visible:

lineWidgetState.getHandle1().getVisible() // true
lineWidgetState.getHandle2().getVisible() // true

Please tell me what I should try and is it even possible to add the handles themselves programmatically?

2

Try calling lineWidget.updateHandleVisibility(x) with x being 0 and 1. That might set the representation’s visibility flags properly.

1 Like
3

Thank you very much! This really does improve the situation. However, for some reason, when I add a lineWidget, the handles are not immediately visible - they become visible as soon as I click on the 2D slice (apparently something needs to be updated, although I do renderWindow.render() inside the function itself).

I also now need to perform a similar operation with ellipseWidget and there is no updateHandleVisibility() method in its body. Here is a list of available methods:

image
image810Ă—1440 220 KB

image
image898Ă—1440 208 KB

image

Please let me know if it is possible to show ellipseWidget the same way as lineWidget, since the situation with ellipseWidget is a little more complicated, because the figure itself is not drawn and only the text is visible.