Elements are misaligned with the scale after scaling of the canvas

[xiaopujun]

Environments

• Framework name:node16.10、react17
• Framework version:
• Component name: React Ruler
• Component version:
• Testable Address(optional):

Description

[xiaopujun]

The second image is scaled to 200% and the relative position of the elements to the scale is always the same. Is this effect Ruler component achievable?

[daybrush]

@xiaopujun

ruler has zoom prop (default 1)

Try using the zoom property. (https://github.com/daybrush/ruler#ruler-units)

const [zoom, setZoom] = useState(1);

<Ruler zoom={zoom} />