How to find the closest point on an element in an iModel to a mouse-clicked point?

[MYDJH]

Hello, does itwin.js provide a method to find the coordinates of the closest point on an iModel element to a mouse-clicked point in the interface?

It's somewhat similar to const curve = LineSegment3d.create(points) curve.closestPoint(point, false); where closestPoint method is used.

If you have any suggestions, I would greatly appreciate it

[bbastings]

There isn't a method to return the closest point given an element id if that is what you are asking. There are closest point methods for various GeometryQuery sub-classes though, like CurvePrimitive.closestPoint, CurveCollection.closestPoint, and PolyfaceRangeTreeContext.searchForClosestPoint that can be used like the LineSegment3d.closestPoint method you showed. You'll need to extract/iterate the element's geometry.

[MYDJH]

Hello, I am very grateful for your advice. As you mentioned, I need to iterate over this element.I can access the GeometryStream within the element's structure, and then by using
const iterator = new GeometryStreamIterator(GeometryStream);
console.log(iterator);

I've found that it doesn't contain the geometric information I was looking for.
How should I correctly iterate through it to obtain the geometric information? Do you have any suggestions?
The GeometryStream available within the element：

[bbastings]

You'll want to get the GeometricElementProps and request that the geometry be returned in json format, then you can use the GeometryStreamIterator.

    const props = imodel.elements.getElementProps<GeometricElement3dProps>({ id: newId, wantGeometry: true });
    assert.isDefined(props.geom);

    const it = new GeometryStreamIterator(props.geom, props.category);
    for (const entry of it) {
      assert.equal(entry.primitive.type, "geometryQuery");
...
    }

[MYDJH]

Thank you very much for your help.