fix(ArrowAnnotate): use svg marker to draw the arrow

[daker]

Context

fix #1671

Changes & Results

Using marker html def instead of two separate arrows for better control over arrow

size 1	size 2	size 3	size 4

By default, ArrowAnnotateTool uses the previous version, but you can opt for the new one by using the following code:

toolGroup.addTool(ArrowAnnotateTool.toolName, {
  arrowHeadStyle: 'standard',
});

To change the marker head size, you can use the ToolStyle API. For example, you can do something like this:

const newStyles = {
  global: {
    ...cornerstoneTools.annotation.config.style.getDefaultToolStyles().global,
    markerSize: 20,
  },
};

cornerstoneTools.annotation.config.style.setDefaultToolStyles(newStyles);

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:
• [] "Node version:
• [] "Browser:

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

❌ Deploy Preview for cornerstone-3d-docs failed. Why did it fail? →

Name	Link
🔨 Latest commit	e8b10c2
🔍 Latest deploy log	https://app.netlify.com/sites/cornerstone-3d-docs/deploys/6791384c05e0010008e0b8e8

[sedghi]

@daker, thanks for starting this fix.
I made a couple of changes.

1. One marker definition isn't enough since we have different colors based on the state (like selected or locked), and that was causing some issues when the color wasn't changing. So, I refactored it to have multiple marker definitions.
2. I'm making this a configuration option on the tool, because I don't want people's tests to fail. For now, let's keep it under a configuration, and in Cornerstone 3.x, we'll default to it.

Thanks again. Take a look at the changes and let me know if you're okay with them, then I'll merge.

[daker]

@sedghi all good 👍🏼