fix(CrosshairsTool): support HPDI screens in CrosshairsTool

[daker]

fix #1822

Context

Support HDPI screens in CrosshairsTool

Changes & Results

Before	After

Testing

Checklist

PR

• My Pull Request title is descriptive, accurate and follows the
  semantic-release format and guidelines.

Code

• My code has been well-documented (function documentation, inline comments,
  etc.)

• [] I have run the yarn build:update-api to update the API documentation, and have
  committed the changes to this PR. (Read more here https://www.cornerstonejs.org/docs/contribute/update-api)

Public Documentation Updates

• [] The documentation page has been updated as necessary for any public API
  additions or removals.

Tested Environment

• OS: Windows 11
• Node version:
• Browser: Chrome 133.0.6943.59

[netlify]

✅ Deploy Preview for cornerstone-3d-docs ready!

Name	Link
🔨 Latest commit	c19d075
🔍 Latest deploy log	https://app.netlify.com/sites/cornerstone-3d-docs/deploys/67c5e1d82291cd0008f62f81
😎 Deploy Preview	https://deploy-preview-1824--cornerstone-3d-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[daker]

@sedghi can you take a look at this fix ?

[sedghi]

Thanks for the PR! I see the visuals have changed quite a bit, and I'm not sure if we want to push that onto all users. Is there a way to implement your PR without such a significant visual change? Or, could we perhaps reduce the size of those handles? They're really large on my screen right now.

[daker]

Can you share a screenshot ? because i didn't changed the styles, only the size of the handles multiplied by window.devicePixelRatio.

[sedghi]

The screenshot is the same as the one above. What I mean is that there seems to be a big visual difference. Maybe the handleRadius (currently 2 and 3 in different places) should be configurable so that if users don't like large icons, they can reduce it.

[daker]

what do you think about supportHDPI in configration ?

[sedghi]

I was kind of thinking along these lines:

let handleRadius = this.configuration.handleRadius * window.devicePixelRatio;

same for the other one

[daker]

@sedghi ready for review

[daker]

@sedghi is it ok for you ?

[sedghi]

sorry for the delay, can we add another configuration about the HDPI screens too? like enableHDPIHandles

[sedghi]

Thanks!