@tscircuit/rectdiff 0.0.20 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/bun-test.yml +1 -1
- package/package.json +1 -1
- package/tests/solver/both-points-equivalent/__snapshots__/both-points-equivalent.snap.svg +44 -0
- package/tests/solver/both-points-equivalent/both-points-equivalent.srj.json +64 -0
- package/tests/solver/both-points-equivalent/both-points-equivalent.test.ts +92 -0
- package/tests/solver/bugreport01-be84eb/__snapshots__/bugreport01-be84eb.snap.svg +44 -0
- package/tests/solver/bugreport01-be84eb/bugreport01-be84eb.json +929 -0
- package/tests/solver/bugreport01-be84eb/bugreport01-be84eb.test.ts +93 -0
- package/tests/solver/bugreport02-bc4361/__snapshots__/bugreport02-bc4361.snap.svg +44 -0
- package/tests/solver/bugreport02-bc4361/bugreport02-bc4361.json +1276 -0
- package/tests/solver/bugreport02-bc4361/bugreport02-bc4361.test.ts +93 -0
- package/tests/solver/bugreport03-fe4a17/__snapshots__/bugreport03-fe4a17.snap.svg +44 -0
- package/tests/solver/bugreport03-fe4a17/bugreport03-fe4a17.json +986 -0
- package/tests/solver/bugreport03-fe4a17/bugreport03-fe4a17.test.ts +93 -0
- package/tests/solver/bugreport07-d3f3be/__snapshots__/bugreport07-d3f3be.snap.svg +44 -0
- package/tests/solver/bugreport07-d3f3be/bugreport07-d3f3be.json +1211 -0
- package/tests/solver/bugreport07-d3f3be/bugreport07-d3f3be.test.ts +93 -0
- package/tests/solver/bugreport08-e3ec95/__snapshots__/bugreport08-e3ec95.snap.svg +44 -0
- package/tests/solver/bugreport08-e3ec95/bugreport08-e3ec95.json +1511 -0
- package/tests/solver/bugreport08-e3ec95/bugreport08-e3ec95.test.ts +93 -0
- package/tests/solver/bugreport09-618e09/__snapshots__/bugreport09-618e09.snap.svg +44 -0
- package/tests/solver/bugreport09-618e09/bugreport09-618e09.json +2827 -0
- package/tests/solver/bugreport09-618e09/bugreport09-618e09.test.ts +93 -0
- package/tests/solver/bugreport10-71239a/__snapshots__/bugreport10-71239a.snap.svg +44 -0
- package/tests/solver/bugreport10-71239a/bugreport10-71239a.json +890 -0
- package/tests/solver/bugreport10-71239a/bugreport10-71239a.test.ts +93 -0
- package/tests/solver/bugreport11-b2de3c/__snapshots__/bugreport11-b2de3c.snap.svg +44 -0
- package/tests/solver/bugreport11-b2de3c/bugreport11-b2de3c.json +4315 -0
- package/tests/solver/bugreport11-b2de3c/bugreport11-b2de3c.test.ts +93 -0
- package/tests/solver/bugreport12-35ce1c/__snapshots__/bugreport12-35ce1c.snap.svg +44 -0
- package/tests/solver/bugreport12-35ce1c/bugreport12-35ce1c.json +475 -0
- package/tests/solver/bugreport12-35ce1c/bugreport12-35ce1c.test.ts +93 -0
- package/tests/solver/bugreport13-b9a758/__snapshots__/bugreport13-b9a758.snap.svg +44 -0
- package/tests/solver/bugreport13-b9a758/bugreport13-b9a758.json +15815 -0
- package/tests/solver/bugreport13-b9a758/bugreport13-b9a758.test.ts +93 -0
- package/tests/solver/bugreport16-d95f38/__snapshots__/bugreport16-d95f38.snap.svg +44 -0
- package/tests/solver/bugreport16-d95f38/bugreport16-d95f38.json +623 -0
- package/tests/solver/bugreport16-d95f38/bugreport16-d95f38.test.ts +93 -0
- package/tests/solver/bugreport18-1b2d06/__snapshots__/bugreport18-1b2d06.snap.svg +44 -0
- package/tests/solver/bugreport18-1b2d06/bugreport18-1b2d06.json +543 -0
- package/tests/solver/bugreport18-1b2d06/bugreport18-1b2d06.test.ts +93 -0
- package/tests/solver/bugreport19/__snapshots__/bugreport19.snap.svg +44 -0
- package/tests/solver/bugreport19/bugreport19.json +678 -0
- package/tests/solver/bugreport19/bugreport19.test.ts +93 -0
- package/tests/solver/bugreport20-obstacle-clipping/__snapshots__/bugreport20-obstacle-clipping.snap.svg +44 -0
- package/tests/solver/bugreport20-obstacle-clipping/bugreport20-obstacle-clipping.json +109 -0
- package/tests/solver/bugreport20-obstacle-clipping/bugreport20-obstacle-clipping.test.ts +93 -0
- package/tests/solver/bugreport21-board-outline/__snapshots__/bugreport21-board-outline.snap.svg +44 -0
- package/tests/solver/bugreport21-board-outline/bugreport21-board-outline.json +148 -0
- package/tests/solver/bugreport21-board-outline/bugreport21-board-outline.test.ts +93 -0
- package/tests/solver/bugreport22-2a75ce/__snapshots__/bugreport22-2a75ce.snap.svg +44 -0
- package/tests/solver/bugreport22-2a75ce/bugreport22-2a75ce.json +1550 -0
- package/tests/solver/bugreport22-2a75ce/bugreport22-2a75ce.test.ts +93 -0
- package/tests/solver/bugreport23-LGA15x4/__snapshots__/bugreport23-LGA15x4.snap.svg +44 -0
- package/tests/solver/bugreport23-LGA15x4/bugreport23-LGA15x4.srj.json +2401 -0
- package/tests/solver/bugreport23-LGA15x4/bugreport23-LGA15x4.test.ts +92 -0
- package/tests/solver/bugreport24-05597c/__snapshots__/bugreport24-05597c.snap.svg +44 -0
- package/tests/solver/bugreport24-05597c/bugreport24-05597c.json +8427 -0
- package/tests/solver/bugreport24-05597c/bugreport24-05597c.test.ts +93 -0
- package/tests/solver/bugreport25-4b1d55/__snapshots__/bugreport25-4b1d55.snap.svg +44 -0
- package/tests/solver/bugreport25-4b1d55/bugreport25-4b1d55.json +119 -0
- package/tests/solver/bugreport25-4b1d55/bugreport25-4b1d55.test.ts +93 -0
- package/tests/solver/bugreport26-66b0b2/__snapshots__/bugreport26-66b0b2.snap.svg +44 -0
- package/tests/solver/bugreport26-66b0b2/bugreport26-66b0b2.json +1651 -0
- package/tests/solver/bugreport26-66b0b2/bugreport26-66b0b2.test.ts +93 -0
- package/tests/solver/bugreport27-dd3734/__snapshots__/bugreport27-dd3734.snap.svg +44 -0
- package/tests/solver/bugreport27-dd3734/bugreport27-dd3734.json +4116 -0
- package/tests/solver/bugreport27-dd3734/bugreport27-dd3734.test.ts +93 -0
- package/tests/solver/bugreport28-18a9ef/__snapshots__/bugreport28-18a9ef.snap.svg +44 -0
- package/tests/solver/bugreport28-18a9ef/bugreport28-18a9ef.json +4116 -0
- package/tests/solver/bugreport28-18a9ef/bugreport28-18a9ef.test.ts +93 -0
- package/tests/solver/bugreport29-7deae8/__snapshots__/bugreport29-7deae8.snap.svg +44 -0
- package/tests/solver/bugreport29-7deae8/bugreport29-7deae8.json +4118 -0
- package/tests/solver/bugreport29-7deae8/bugreport29-7deae8.test.ts +93 -0
- package/tests/solver/bugreport30-2174c8/__snapshots__/bugreport30-2174c8.snap.svg +44 -0
- package/tests/solver/bugreport30-2174c8/bugreport30-2174c8.json +4007 -0
- package/tests/solver/bugreport30-2174c8/bugreport30-2174c8.test.ts +93 -0
- package/tests/solver/bugreport33-213d45/__snapshots__/bugreport33-213d45.snap.svg +44 -0
- package/tests/solver/bugreport33-213d45/bugreport33-213d45.json +5089 -0
- package/tests/solver/bugreport33-213d45/bugreport33-213d45.test.ts +93 -0
- package/tests/solver/bugreport34-e9dea2/__snapshots__/bugreport34-e9dea2.snap.svg +44 -0
- package/tests/solver/bugreport34-e9dea2/bugreport34-e9dea2.json +3924 -0
- package/tests/solver/bugreport34-e9dea2/bugreport34-e9dea2.test.ts +93 -0
- package/tests/solver/bugreport35-191db9/__snapshots__/bugreport35-191db9.snap.svg +44 -0
- package/tests/solver/bugreport35-191db9/bugreport35-191db9.json +4237 -0
- package/tests/solver/bugreport35-191db9/bugreport35-191db9.test.ts +93 -0
- package/tests/solver/bugreport36-bf8303/__snapshots__/bugreport36-bf8303.snap.svg +44 -0
- package/tests/solver/bugreport36-bf8303/bugreport36-bf8303.json +29660 -0
- package/tests/solver/bugreport36-bf8303/bugreport36-bf8303.test.ts +93 -0
- package/tests/solver/interaction/__snapshots__/interaction.snap.svg +44 -0
- package/tests/solver/interaction/interaction.srj.json +58 -0
- package/tests/solver/interaction/interaction.test.ts +92 -0
- package/tests/solver/multi-point/__snapshots__/multi-point.snap.svg +44 -0
- package/tests/solver/multi-point/multi-point.srj.json +57 -0
- package/tests/solver/multi-point/multi-point.test.ts +92 -0
- package/tests/solver/no-better-path/__snapshots__/no-better-path.snap.svg +44 -0
- package/tests/solver/no-better-path/no-better-path.srj.json +48 -0
- package/tests/solver/no-better-path/no-better-path.test.ts +92 -0
- package/tests/solver/offboardconnects01/__snapshots__/offboardconnects01.snap.svg +44 -0
- package/tests/solver/offboardconnects01/offboardconnects01.srj.json +53 -0
- package/tests/solver/offboardconnects01/offboardconnects01.test.ts +92 -0
- package/tests/solver/pcb_trace_id-should-return-root-connection-name/__snapshots__/pcb_trace_id-should-return-root-connection-name.snap.svg +44 -0
- package/tests/solver/pcb_trace_id-should-return-root-connection-name/pcb_trace_id-should-return-root-connection-name.srj.json +129 -0
- package/tests/solver/pcb_trace_id-should-return-root-connection-name/pcb_trace_id-should-return-root-connection-name.test.ts +92 -0
- package/tests/solver/transitivity/__snapshots__/transitivity.snap.svg +44 -0
- package/tests/solver/transitivity/transitivity.srj.json +64 -0
- package/tests/solver/transitivity/transitivity.test.ts +92 -0
package/package.json
CHANGED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<svg width="640" height="1652" viewBox="0 0 640 1652" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-5,-5 25,-5 25,25 -5,25 -5,-5" data-type="line" data-label="bounds" points="39.99999999999997,745.6944444444446 600,745.6944444444446 600,185.6944444444445 39.99999999999997,185.6944444444445 39.99999999999997,745.6944444444446" fill="none" stroke="#111827" stroke-width="1.866666666666667"/></g><g><polyline data-points="-5,-48.02083333333333 25,-48.02083333333333 25,-18.02083333333333 -5,-18.02083333333333 -5,-48.02083333333333" data-type="line" data-label="bounds" points="39.99999999999997,1548.75 600,1548.75 600,988.75 39.99999999999997,988.75 39.99999999999997,1548.75" fill="none" stroke="#111827" stroke-width="1.866666666666667"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="13.25" x="39.99999999999997" y="185.6944444444445" width="560" height="438.6666666666667" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="11.15" data-y="-2.75" x="82.93333333333332" y="661.6944444444446" width="517.0666666666667" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-2.75" data-y="0.5" x="39.99999999999997" y="624.3611111111112" width="84.00000000000001" height="37.33333333333337" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="5.275" data-y="0.5" x="175.79999999999998" y="624.3611111111112" width="112.00000000000003" height="37.33333333333337" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="12.775" data-y="0.5" x="315.8" y="624.3611111111112" width="112" height="37.33333333333337" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.1375" data-y="0.5" x="427.79999999999995" y="624.3611111111112" width="50.86666666666673" height="37.33333333333337" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.75" data-y="0.5" x="516" y="624.3611111111112" width="84" height="37.33333333333337" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-3.8499999999999996" data-y="-2.75" x="39.99999999999997" y="661.6944444444446" width="42.93333333333335" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="9.025" data-y="0.5" x="287.8" y="624.3611111111112" width="28" height="37.33333333333337" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="1" x="123.99999999999999" y="624.3611111111112" width="18.66666666666667" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="1.3875000000000002" data-y="0" x="142.66666666666666" y="643.0277777777778" width="33.133333333333326" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="19" data-y="0" x="478.6666666666667" y="643.0277777777778" width="18.66666666666663" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="1" x="497.3333333333333" y="624.3611111111112" width="18.666666666666686" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="1.8875000000000002" data-y="1" x="161.33333333333331" y="624.3611111111112" width="14.466666666666669" height="18.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="0" x="123.99999999999999" y="643.0277777777778" width="18.66666666666667" height="18.666666666666742" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="0" x="497.3333333333333" y="643.0277777777778" width="18.666666666666686" height="18.666666666666742" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="1" data-y="1" x="142.66666666666666" y="624.3611111111112" width="18.666666666666657" height="18.66666666666663" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="19" data-y="1" x="478.6666666666667" y="624.3611111111112" width="18.66666666666663" height="18.66666666666663" fill="red" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="10" data-y="-29.77083333333333" x="39.99999999999997" y="988.75" width="560" height="438.66666666666674" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="11.15" data-y="-45.77083333333333" x="82.93333333333332" y="1464.75" width="517.0666666666667" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-2.75" data-y="-42.52083333333333" x="39.99999999999997" y="1427.4166666666667" width="84.00000000000001" height="37.33333333333326" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="5.275" data-y="-42.52083333333333" x="175.79999999999998" y="1427.4166666666667" width="112.00000000000003" height="37.33333333333326" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="12.775" data-y="-42.52083333333333" x="315.8" y="1427.4166666666667" width="112" height="37.33333333333326" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="17.1375" data-y="-42.52083333333333" x="427.79999999999995" y="1427.4166666666667" width="50.86666666666673" height="37.33333333333326" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="22.75" data-y="-42.52083333333333" x="516" y="1427.4166666666667" width="84" height="37.33333333333326" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="-3.8499999999999996" data-y="-45.77083333333333" x="39.99999999999997" y="1464.75" width="42.93333333333335" height="84" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="9.025" data-y="-42.52083333333333" x="287.8" y="1427.4166666666667" width="28" height="37.33333333333326" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-42.02083333333333" x="123.99999999999999" y="1427.4166666666667" width="18.66666666666667" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="1.3875000000000002" data-y="-43.02083333333333" x="142.66666666666666" y="1446.0833333333335" width="33.133333333333326" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="19" data-y="-43.02083333333333" x="478.6666666666667" y="1446.0833333333335" width="18.66666666666663" height="18.666666666666515" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="-42.02083333333333" x="497.3333333333333" y="1427.4166666666667" width="18.666666666666686" height="18.666666666666742" fill="#dbeafe" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-43.02083333333333" x="123.99999999999999" y="1446.0833333333335" width="18.66666666666667" height="18.666666666666515" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="1.3875000000000002" data-y="-42.02083333333333" x="142.66666666666666" y="1427.4166666666667" width="33.133333333333326" height="18.666666666666742" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="19" data-y="-42.02083333333333" x="478.6666666666667" y="1427.4166666666667" width="18.66666666666663" height="18.666666666666742" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><g><rect data-type="rect" data-label="node" data-x="20" data-y="-43.02083333333333" x="497.3333333333333" y="1446.0833333333335" width="18.666666666666686" height="18.666666666666515" fill="#fef3c7" stroke="black" stroke-width="0.05357142857142857"/></g><text data-type="text" data-label="Layer z=0" data-x="0" data-y="28.916666666666664" x="133.33333333333331" y="112.58333333333348" fill="black" font-size="9.333333333333334" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=0</text><text data-type="text" data-label="Layer z=1" data-x="0" data-y="-14.104166666666664" x="133.33333333333331" y="915.6388888888889" fill="black" font-size="9.333333333333334" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=1</text><g id="crosshair" style="display: none"><line id="crosshair-h" y1="0" y2="1652" stroke="#666" stroke-width="0.5"/><line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5"/><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text></g><script><![CDATA[
|
|
2
|
+
document.currentScript.parentElement.addEventListener('mousemove', (e) => {
|
|
3
|
+
const svg = e.currentTarget;
|
|
4
|
+
const rect = svg.getBoundingClientRect();
|
|
5
|
+
const x = e.clientX - rect.left;
|
|
6
|
+
const y = e.clientY - rect.top;
|
|
7
|
+
const crosshair = svg.getElementById('crosshair');
|
|
8
|
+
const h = svg.getElementById('crosshair-h');
|
|
9
|
+
const v = svg.getElementById('crosshair-v');
|
|
10
|
+
const coords = svg.getElementById('coordinates');
|
|
11
|
+
|
|
12
|
+
crosshair.style.display = 'block';
|
|
13
|
+
h.setAttribute('x1', '0');
|
|
14
|
+
h.setAttribute('x2', '640');
|
|
15
|
+
h.setAttribute('y1', y);
|
|
16
|
+
h.setAttribute('y2', y);
|
|
17
|
+
v.setAttribute('x1', x);
|
|
18
|
+
v.setAttribute('x2', x);
|
|
19
|
+
v.setAttribute('y1', '0');
|
|
20
|
+
v.setAttribute('y2', '1652');
|
|
21
|
+
|
|
22
|
+
// Calculate real coordinates using inverse transformation
|
|
23
|
+
const matrix = {"a":18.666666666666668,"c":0,"e":133.33333333333331,"b":0,"d":-18.666666666666668,"f":652.3611111111112};
|
|
24
|
+
// Manually invert and apply the affine transform
|
|
25
|
+
// Since we only use translate and scale, we can directly compute:
|
|
26
|
+
// x' = (x - tx) / sx
|
|
27
|
+
// y' = (y - ty) / sy
|
|
28
|
+
const sx = matrix.a;
|
|
29
|
+
const sy = matrix.d;
|
|
30
|
+
const tx = matrix.e;
|
|
31
|
+
const ty = matrix.f;
|
|
32
|
+
const realPoint = {
|
|
33
|
+
x: (x - tx) / sx,
|
|
34
|
+
y: (y - ty) / sy // Flip y back since we used negative scale
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
|
|
38
|
+
coords.setAttribute('x', (x + 5).toString());
|
|
39
|
+
coords.setAttribute('y', (y - 5).toString());
|
|
40
|
+
});
|
|
41
|
+
document.currentScript.parentElement.addEventListener('mouseleave', () => {
|
|
42
|
+
document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
|
|
43
|
+
});
|
|
44
|
+
]]></script></svg>
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
{
|
|
2
|
+
"layerCount": 2,
|
|
3
|
+
"minTraceWidth": 0.2,
|
|
4
|
+
"obstacles": [
|
|
5
|
+
{
|
|
6
|
+
"type": "rect",
|
|
7
|
+
"layers": ["top"],
|
|
8
|
+
"center": { "x": 0, "y": 0 },
|
|
9
|
+
"width": 1,
|
|
10
|
+
"height": 1,
|
|
11
|
+
"connectedTo": ["A"]
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"type": "rect",
|
|
15
|
+
"layers": ["top"],
|
|
16
|
+
"center": { "x": 20, "y": 0 },
|
|
17
|
+
"width": 1,
|
|
18
|
+
"height": 1,
|
|
19
|
+
"connectedTo": ["B"]
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"type": "rect",
|
|
23
|
+
"layers": ["top"],
|
|
24
|
+
"center": { "x": 1, "y": 1 },
|
|
25
|
+
"width": 1,
|
|
26
|
+
"height": 1,
|
|
27
|
+
"connectedTo": ["A_prime"]
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"type": "rect",
|
|
31
|
+
"layers": ["top"],
|
|
32
|
+
"center": { "x": 19, "y": 1 },
|
|
33
|
+
"width": 1,
|
|
34
|
+
"height": 1,
|
|
35
|
+
"connectedTo": ["B_prime"]
|
|
36
|
+
}
|
|
37
|
+
],
|
|
38
|
+
"connections": [
|
|
39
|
+
{
|
|
40
|
+
"name": "on-board",
|
|
41
|
+
"pointsToConnect": [
|
|
42
|
+
{ "x": 0, "y": 0, "layer": "top", "pointId": "A" },
|
|
43
|
+
{ "x": 20, "y": 0, "layer": "top", "pointId": "B" }
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"name": "off-board-A",
|
|
48
|
+
"isOffBoard": true,
|
|
49
|
+
"pointsToConnect": [
|
|
50
|
+
{ "x": 0, "y": 0, "layer": "top", "pointId": "A" },
|
|
51
|
+
{ "x": 1, "y": 1, "layer": "top", "pointId": "A_prime" }
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "off-board-B",
|
|
56
|
+
"isOffBoard": true,
|
|
57
|
+
"pointsToConnect": [
|
|
58
|
+
{ "x": 20, "y": 0, "layer": "top", "pointId": "B" },
|
|
59
|
+
{ "x": 19, "y": 1, "layer": "top", "pointId": "B_prime" }
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
],
|
|
63
|
+
"bounds": { "minX": -5, "maxX": 25, "minY": -5, "maxY": 25 }
|
|
64
|
+
}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { expect, test } from "bun:test"
|
|
2
|
+
import srj from "./both-points-equivalent.srj.json"
|
|
3
|
+
import {
|
|
4
|
+
getBounds,
|
|
5
|
+
getSvgFromGraphicsObject,
|
|
6
|
+
mergeGraphics,
|
|
7
|
+
stackGraphicsVertically,
|
|
8
|
+
type GraphicsObject,
|
|
9
|
+
type Rect,
|
|
10
|
+
} from "graphics-debug"
|
|
11
|
+
import { RectDiffPipeline } from "lib/RectDiffPipeline"
|
|
12
|
+
import { makeCapacityMeshNodeWithLayerInfo } from "tests/fixtures/makeCapacityMeshNodeWithLayerInfo"
|
|
13
|
+
import { makeSimpleRouteOutlineGraphics } from "tests/fixtures/makeSimpleRouteOutlineGraphics"
|
|
14
|
+
|
|
15
|
+
test("both-points-equivalent", async () => {
|
|
16
|
+
const solver = new RectDiffPipeline({
|
|
17
|
+
simpleRouteJson: srj,
|
|
18
|
+
})
|
|
19
|
+
|
|
20
|
+
const outline = makeSimpleRouteOutlineGraphics(srj)
|
|
21
|
+
|
|
22
|
+
solver.solve()
|
|
23
|
+
|
|
24
|
+
const { meshNodes } = solver.getOutput()
|
|
25
|
+
const rectsByCombo = makeCapacityMeshNodeWithLayerInfo(meshNodes)
|
|
26
|
+
const allGraphicsObjects: GraphicsObject[] = []
|
|
27
|
+
|
|
28
|
+
// Generate a snapshot for each z-layer
|
|
29
|
+
for (const z of Array.from({ length: srj.layerCount }, (_, index) => index)) {
|
|
30
|
+
const layerRects: Rect[] = []
|
|
31
|
+
|
|
32
|
+
for (const [key, rects] of rectsByCombo) {
|
|
33
|
+
const layers = key
|
|
34
|
+
.split(",")
|
|
35
|
+
.map((value) => Number.parseInt(value, 10))
|
|
36
|
+
.filter((value) => !Number.isNaN(value))
|
|
37
|
+
|
|
38
|
+
if (layers.includes(z)) {
|
|
39
|
+
layerRects.push(...rects)
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
let labelY = 0
|
|
44
|
+
|
|
45
|
+
if (layerRects.length > 0) {
|
|
46
|
+
let maxY = -Infinity
|
|
47
|
+
|
|
48
|
+
for (const rect of layerRects) {
|
|
49
|
+
const top = rect.center.y + rect.height * (2 / 3)
|
|
50
|
+
|
|
51
|
+
if (top > maxY) maxY = top
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
labelY = maxY
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
const graphics: GraphicsObject = {
|
|
58
|
+
title: `RectDiffPipeline - z${z}`,
|
|
59
|
+
texts: [
|
|
60
|
+
{
|
|
61
|
+
anchorSide: "top_right",
|
|
62
|
+
text: `Layer z=${z}`,
|
|
63
|
+
x: 0,
|
|
64
|
+
y: labelY,
|
|
65
|
+
fontSize: 0.5,
|
|
66
|
+
},
|
|
67
|
+
],
|
|
68
|
+
coordinateSystem: "cartesian",
|
|
69
|
+
rects: layerRects,
|
|
70
|
+
points: [],
|
|
71
|
+
lines: [],
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
allGraphicsObjects.push(mergeGraphics(graphics, outline))
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
const stackedGraphics = stackGraphicsVertically(allGraphicsObjects)
|
|
78
|
+
const bounds = getBounds(stackedGraphics)
|
|
79
|
+
const boundsWidth = Math.max(1, bounds.maxX - bounds.minX)
|
|
80
|
+
const boundsHeight = Math.max(1, bounds.maxY - bounds.minY)
|
|
81
|
+
const svgWidth = 640
|
|
82
|
+
const svgHeight = Math.max(
|
|
83
|
+
svgWidth,
|
|
84
|
+
Math.ceil((boundsHeight / boundsWidth) * svgWidth),
|
|
85
|
+
)
|
|
86
|
+
|
|
87
|
+
const svg = getSvgFromGraphicsObject(stackedGraphics, {
|
|
88
|
+
svgWidth,
|
|
89
|
+
svgHeight,
|
|
90
|
+
})
|
|
91
|
+
await expect(svg).toMatchSvgSnapshot(import.meta.path)
|
|
92
|
+
})
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<svg width="640" height="1559" viewBox="0 0 640 1559" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-7.62,-7.62 7.62,-7.62 7.62,7.62 -7.62,7.62 -7.62,-7.62" data-type="line" data-label="bounds" points="40.00000000000006,703.739391951006 600,703.739391951006 600,143.73939195100616 40.00000000000006,143.73939195100616 40.00000000000006,703.739391951006" fill="none" stroke="#111827" stroke-width="3.6745406824146976"/></g><g><polyline data-points="-7.62,-28.237708333333337 7.62,-28.237708333333337 7.62,-12.997708333333335 -7.62,-12.997708333333335 -7.62,-28.237708333333337" data-type="line" data-label="bounds" points="40.00000000000006,1461.3454724409448 600,1461.3454724409448 600,901.3454724409448 40.00000000000006,901.3454724409448 40.00000000000006,1461.3454724409448" fill="none" stroke="#111827" stroke-width="3.6745406824146976"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="0.6949667000000077" x="290.60326666666674" y="310.0123578302712" width="58.79346666666652" height="176.38039999999944" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.0286501000000223" data-y="-2.5162832999999925" x="192.77637060367292" y="486.3927578302706" width="178.85092598425356" height="59.61697532808455" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="4.7600044499999985" data-y="0.3174999999999999" x="389.8165999999999" y="310.0123578302712" width="210.18340000000012" height="204.12073490813646" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-3.655004449999998" data-y="0.6949667000000077" x="121.2073490813649" y="310.0123578302712" width="128.97605091863522" height="176.38039999999944" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-3.0224999999999995" data-y="-5.47375" x="121.2073490813649" y="546.0097331583552" width="175.4593175853018" height="157.72965879265087" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="2.4800000000000013" data-y="-3.81" x="371.6272965879265" y="550.8784995625547" width="79.00262467191612" height="25.721784776902837" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.7145000000000001" data-y="-6.5912500000000005" x="296.6666666666667" y="628.1357174103237" width="172.66666666666663" height="75.6036745406825" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-4.436150100000022" data-y="-2.5162832999999925" x="121.2073490813649" y="486.3927578302706" width="71.56902152230802" height="59.61697532808455" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-3.9074999999999998" data-y="5.3575" x="121.2073490813649" y="143.73939195100616" width="110.41994750656161" height="166.27296587926503" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="5.587500000000001" data-y="-3.262" x="450.6299212598426" y="514.1330927384076" width="149.3700787401574" height="58.93963254593177" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="3.2345" data-y="5.3575" x="408.3727034120735" y="143.73939195100616" width="60.960629921259795" height="166.27296587926503" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="0" x="40.00000000000006" y="411.61340769903757" width="81.20734908136484" height="24.251968503937064" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.02" data-y="-4.445" x="343.3333333333333" y="546.0097331583552" width="28.293963254593166" height="82.12598425196848" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-0.9525000000000001" data-y="4.0875" x="268.3727034120735" y="237.07272528433947" width="33.25459317585302" height="72.93963254593172" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0.9525000000000001" data-y="4.0875" x="338.3727034120735" y="237.07272528433947" width="33.25459317585296" height="72.93963254593172" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="3.2345" data-y="-4.86125" x="408.3727034120735" y="576.6002843394575" width="60.960629921259795" height="51.535433070866134" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="2.9800000000000013" data-y="-2.96" x="408.3727034120735" y="514.1330927384076" width="42.257217847769084" height="36.74540682414704" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="5.8420000000000005" data-y="3.5795" x="469.3333333333333" y="274.4060586176728" width="130.66666666666669" height="35.6062992125984" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="2.1724796999999594" x="250.18340000000012" y="310.0123578302712" width="40.41986666666662" height="67.79676745407124" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.3500099999999975" data-y="2.1724796999999594" x="349.39673333333326" y="310.0123578302712" width="40.41986666666662" height="67.79676745407124" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="-5.08" x="40.00000000000006" y="598.2800743657042" width="81.20734908136484" height="24.251968503937064" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="2.54" x="40.00000000000006" y="318.2800743657043" width="81.20734908136484" height="24.25196850393695" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="-2.54" x="40.00000000000006" y="504.94674103237094" width="81.20734908136484" height="24.25196850393695" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="5.08" x="40.00000000000006" y="224.94674103237097" width="81.20734908136484" height="24.251968503937007" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.7612500000000002" data-y="6.7075" x="231.6272965879265" y="143.73939195100616" width="47.309711286089254" height="67.06036745406823" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.7612500000000002" data-y="6.7075" x="361.06299212598424" y="143.73939195100616" width="47.30971128608928" height="67.06036745406823" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="6.984999999999999" x="278.93700787401576" y="143.73939195100616" width="82.12598425196848" height="46.66666666666666" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.1102230246251565e-16" data-y="4.445" x="301.6272965879265" y="247.54516622922137" width="36.74540682414704" height="25.721784776902837" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.9050000000000002" data-y="4.445" x="231.6272965879265" y="247.54516622922137" width="36.74540682414701" height="25.721784776902837" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="4.445" x="371.6272965879265" y="247.54516622922137" width="36.74540682414704" height="25.721784776902837" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="3.81" x="52.12598425196859" y="249.19870953630797" width="69.08136482939628" height="69.08136482939634" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="6.35" x="52.12598425196859" y="155.8653762029747" width="69.08136482939628" height="69.08136482939628" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="1.27" x="52.12598425196859" y="342.53204286964126" width="69.08136482939628" height="69.0813648293963" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-1.27" x="52.12598425196859" y="435.86537620297463" width="69.08136482939628" height="69.0813648293963" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-3.81" x="52.12598425196859" y="529.1987095363079" width="69.08136482939628" height="69.0813648293963" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-6.35" x="52.12598425196859" y="622.5320428696413" width="69.08136482939628" height="69.0813648293962" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="5.715" data-y="5.715" x="469.3333333333333" y="153.07272528433947" width="121.33333333333331" height="121.33333333333331" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="5.715" data-y="-5.715" x="469.3333333333333" y="573.0727252843394" width="121.33333333333331" height="121.33333333333326" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-0.9525" data-y="5.4375" x="268.3727034120735" y="210.79975940507438" width="33.25459317585302" height="26.272965879265087" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0.9525000000000001" data-y="5.4375" x="338.3727034120735" y="210.79975940507438" width="33.25459317585296" height="26.272965879265087" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="-0.47498000000007323" x="250.18340000000012" y="434.7629919510103" width="40.41986666666662" height="12.85946666666365" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.3500099999999975" data-y="-0.47498000000007323" x="349.39673333333326" y="434.7629919510103" width="40.41986666666662" height="12.85946666666365" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="0.4749799999999027" x="250.18340000000012" y="399.8563252843424" width="40.41986666666662" height="12.859466666667856" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.3500099999999973" data-y="0.4749799999999027" x="349.39673333333326" y="399.8563252843424" width="40.41986666666662" height="12.859466666667856" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="-1.4775130000000087" x="250.18340000000012" y="469.669658617674" width="40.41986666666662" height="16.72309921259665" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="-5.36125" x="371.6272965879265" y="613.3456911636044" width="36.74540682414704" height="14.790026246719208" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0.05875000000000008" data-y="6.0725" x="291.5682414698163" y="190.4060586176728" width="61.18110236220468" height="20.39370078740157" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.350009999999997" data-y="-1.4775130000000087" x="349.3967333333332" y="469.669658617674" width="40.41986666666668" height="16.72309921259665" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.6525044499999986" data-y="-2.0825332999999926" x="371.6272965879265" y="486.3927578302706" width="18.1893034120734" height="27.740334908137015" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.3500099999999975" data-y="0.9499599999999191" x="349.39673333333326" y="377.80912528434243" width="40.41986666666662" height="22.047199999999975" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.3500099999999975" data-y="-1.1368683772161603e-13" x="349.39673333333326" y="412.71579195101026" width="40.41986666666662" height="22.047200000000032" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.3500099999999975" data-y="-0.9499600000000328" x="349.39673333333326" y="447.62245861767394" width="40.41986666666662" height="22.047200000000032" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="-0.9499600000000328" x="250.18340000000012" y="447.62245861767394" width="40.41986666666662" height="22.047200000000032" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="-1.1368683772161603e-13" x="250.18340000000012" y="412.71579195101026" width="40.41986666666662" height="22.047200000000032" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="0.9499599999999191" x="250.18340000000012" y="377.80912528434243" width="40.41986666666662" height="22.047199999999975" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.942890293094024e-16" data-y="5.295" x="301.62729658792654" y="210.79975940507438" width="36.74540682414698" height="36.74540682414698" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.1102230246251565e-16" data-y="3.5950000000000006" x="301.6272965879265" y="273.2669510061242" width="36.74540682414698" height="36.74540682414698" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.9050000000000002" data-y="3.5950000000000006" x="231.6272965879265" y="273.2669510061242" width="36.74540682414701" height="36.74540682414698" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.9050000000000002" data-y="5.295" x="231.6272965879265" y="210.79975940507438" width="36.74540682414701" height="36.74540682414698" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="-4.66" x="371.6272965879265" y="576.6002843394575" width="36.74540682414704" height="36.745406824146926" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="-2.96" x="371.6272965879265" y="514.1330927384076" width="36.74540682414704" height="36.74540682414704" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="3.5950000000000006" x="371.6272965879265" y="273.2669510061242" width="36.74540682414704" height="36.74540682414698" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="5.295" x="371.6272965879265" y="210.79975940507438" width="36.74540682414704" height="36.74540682414698" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-5.245" x="296.6666666666667" y="604.8023840769904" width="46.66666666666663" height="23.333333333333258" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-4.445" x="296.6666666666667" y="575.4060586176728" width="46.66666666666663" height="23.333333333333258" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.1102230246251565e-16" data-y="-3.6449999999999996" x="296.6666666666667" y="546.0097331583552" width="46.66666666666663" height="23.333333333333258" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.1102230246251565e-16" data-y="-4.845000000000001" x="296.6666666666667" y="598.7393919510062" width="46.66666666666663" height="6.062992125984238" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.1102230246251565e-16" data-y="-4.045" x="296.6666666666667" y="569.3430664916884" width="46.66666666666663" height="6.062992125984351" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="3.809500000000001" data-y="-4.112" x="450.6299212598426" y="573.0727252843394" width="18.70341207349071" height="3.527559055118104" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-7.455" data-y="-1.27" x="40" y="435.86537620297463" width="12.125984251968589" height="69.0813648293963" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-7.455" data-y="1.27" x="40" y="342.53204286964126" width="12.125984251968589" height="69.0813648293963" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-7.455" data-y="-3.81" x="40" y="529.1987095363079" width="12.125984251968589" height="69.0813648293963" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-7.455" data-y="3.81" x="40" y="249.19870953630797" width="12.125984251968589" height="69.08136482939634" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-0.9456249999999998" data-y="6.0725" x="278.93700787401576" y="190.4060586176728" width="12.631233595800552" height="20.39370078740157" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.004375" data-y="6.0725" x="352.749343832021" y="190.4060586176728" width="8.31364829396324" height="20.39370078740157" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-19.922741633333327" x="290.60326666666674" y="1067.6184383202099" width="58.79346666666652" height="176.38039999999955" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.0286501000000223" data-y="-23.13399163333333" x="192.77637060367292" y="1243.9988383202094" width="178.85092598425356" height="59.616975328084436" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="4.7600044499999985" data-y="-20.300208333333337" x="389.8165999999999" y="1067.61843832021" width="210.18340000000012" height="204.12073490813646" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-3.655004449999998" data-y="-19.922741633333327" x="121.2073490813649" y="1067.6184383202099" width="128.97605091863522" height="176.38039999999955" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-3.0224999999999995" data-y="-26.091458333333335" x="121.2073490813649" y="1303.6158136482939" width="175.4593175853018" height="157.72965879265098" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="2.4800000000000013" data-y="-24.427708333333335" x="371.6272965879265" y="1308.4845800524934" width="79.00262467191612" height="25.72178477690295" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.7145000000000001" data-y="-27.208958333333335" x="296.6666666666667" y="1385.7417979002623" width="172.66666666666663" height="75.6036745406825" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-4.436150100000022" data-y="-23.13399163333333" x="121.2073490813649" y="1243.9988383202094" width="71.56902152230802" height="59.616975328084436" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-3.9074999999999998" data-y="-15.260208333333336" x="121.2073490813649" y="901.3454724409448" width="110.41994750656161" height="166.27296587926526" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="5.587500000000001" data-y="-23.879708333333337" x="450.6299212598426" y="1271.7391732283465" width="149.3700787401574" height="58.939632545931545" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="3.2345" data-y="-15.260208333333336" x="408.3727034120735" y="901.3454724409448" width="60.960629921259795" height="166.27296587926526" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="-20.617708333333336" x="40.00000000000006" y="1169.2194881889764" width="81.20734908136484" height="24.25196850393695" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.02" data-y="-25.062708333333337" x="343.3333333333333" y="1303.6158136482939" width="28.293963254593166" height="82.12598425196848" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-0.9525000000000001" data-y="-16.530208333333334" x="268.3727034120735" y="994.6788057742781" width="33.25459317585302" height="72.93963254593177" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0.9525000000000001" data-y="-16.530208333333334" x="338.3727034120735" y="994.6788057742781" width="33.25459317585296" height="72.93963254593177" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="3.2345" data-y="-25.47895833333334" x="408.3727034120735" y="1334.2063648293963" width="60.960629921259795" height="51.53543307086625" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="2.9800000000000013" data-y="-23.577708333333337" x="408.3727034120735" y="1271.7391732283465" width="42.257217847769084" height="36.74540682414681" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="5.8420000000000005" data-y="-17.038208333333337" x="469.3333333333333" y="1032.0121391076116" width="130.66666666666669" height="35.606299212598515" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="-18.44522863333338" x="250.18340000000012" y="1067.61843832021" width="40.41986666666662" height="67.79676745407119" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.3500099999999975" data-y="-18.44522863333338" x="349.39673333333326" y="1067.61843832021" width="40.41986666666662" height="67.79676745407119" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="-25.69770833333334" x="40.00000000000006" y="1355.886154855643" width="81.20734908136484" height="24.25196850393695" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="-18.077708333333337" x="40.00000000000006" y="1075.886154855643" width="81.20734908136484" height="24.25196850393695" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="-23.157708333333336" x="40.00000000000006" y="1262.5528215223096" width="81.20734908136484" height="24.251968503937178" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.515" data-y="-15.537708333333336" x="40.00000000000006" y="982.5528215223096" width="81.20734908136484" height="24.251968503937178" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.7612500000000002" data-y="-13.910208333333337" x="231.6272965879265" y="901.345472440945" width="47.309711286089254" height="67.06036745406811" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.7612500000000002" data-y="-13.910208333333337" x="361.06299212598424" y="901.345472440945" width="47.30971128608928" height="67.06036745406811" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-13.632708333333337" x="278.93700787401576" y="901.345472440945" width="82.12598425196848" height="46.66666666666663" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.1102230246251565e-16" data-y="-16.172708333333336" x="301.6272965879265" y="1005.1512467191601" width="36.74540682414704" height="25.721784776902723" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.9050000000000002" data-y="-16.172708333333336" x="231.6272965879265" y="1005.1512467191601" width="36.74540682414701" height="25.721784776902723" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="-16.172708333333336" x="371.6272965879265" y="1005.1512467191601" width="36.74540682414704" height="25.721784776902723" fill="#dbeafe" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-16.807708333333338" x="52.12598425196859" y="1006.8047900262468" width="69.08136482939628" height="69.0813648293963" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-14.267708333333337" x="52.12598425196859" y="913.4714566929134" width="69.08136482939628" height="69.0813648293962" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-19.347708333333337" x="52.12598425196859" y="1100.13812335958" width="69.08136482939628" height="69.0813648293963" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-21.887708333333336" x="52.12598425196859" y="1193.4714566929133" width="69.08136482939628" height="69.0813648293963" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-24.427708333333335" x="52.12598425196859" y="1286.8047900262466" width="69.08136482939628" height="69.0813648293963" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-6.35" data-y="-26.967708333333334" x="52.12598425196859" y="1380.1381233595798" width="69.08136482939628" height="69.08136482939653" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="5.715" data-y="-14.902708333333337" x="469.3333333333333" y="910.6788057742783" width="121.33333333333331" height="121.33333333333326" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="5.715" data-y="-26.332708333333336" x="469.3333333333333" y="1330.678805774278" width="121.33333333333331" height="121.33333333333348" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="2.220446049250313e-16" data-y="-25.062708333333337" x="296.6666666666667" y="1303.6158136482939" width="46.66666666666663" height="82.12598425196848" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.9050000000000002" data-y="-17.022708333333334" x="231.6272965879265" y="1030.8730314960628" width="36.74540682414701" height="36.74540682414704" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="-17.022708333333334" x="371.6272965879265" y="1030.8730314960628" width="36.74540682414704" height="36.74540682414704" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="-25.47895833333334" x="371.6272965879265" y="1334.2063648293963" width="36.74540682414704" height="51.53543307086625" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.7612500000000002" data-y="-15.180208333333336" x="231.6272965879265" y="968.4058398950131" width="47.309711286089254" height="26.272965879265257" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.7612500000000002" data-y="-15.180208333333336" x="361.06299212598424" y="968.4058398950131" width="47.30971128608928" height="26.272965879265257" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.3500099999999975" data-y="-20.84526193333337" x="250.18340000000012" y="1135.415205774281" width="40.41986666666662" height="108.58363254592837" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-17.022708333333334" x="301.6272965879265" y="1030.8730314960628" width="36.74540682414704" height="36.74540682414704" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="-23.577708333333337" x="371.6272965879265" y="1271.7391732283465" width="36.74540682414704" height="36.74540682414681" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.1025055499999987" data-y="-20.84526193333337" x="349.39673333333326" y="1135.415205774281" width="22.23056325459322" height="108.58363254592837" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.6525044499999988" data-y="-21.222728633333375" x="371.6272965879265" y="1135.415205774281" width="18.1893034120734" height="136.32396745406527" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0.8" data-y="-14.902708333333337" x="337.7296587926509" y="948.0121391076116" width="23.333333333333314" height="46.66666666666674" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0" data-y="-14.902708333333337" x="308.3333333333333" y="948.0121391076116" width="23.33333333333337" height="46.66666666666674" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-0.8000000000000002" data-y="-14.902708333333337" x="278.93700787401576" y="948.0121391076116" width="23.333333333333314" height="46.66666666666674" fill="red" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="3.809500000000001" data-y="-24.729708333333335" x="450.6299212598426" y="1330.678805774278" width="18.70341207349071" height="3.5275590551182177" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-1.9050000000000002" data-y="-15.680208333333336" x="231.6272965879265" y="994.6788057742783" width="36.74540682414701" height="10.472440944881782" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.9050000000000002" data-y="-15.680208333333336" x="371.6272965879265" y="994.6788057742783" width="36.74540682414704" height="10.472440944881782" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-7.455" data-y="-21.887708333333336" x="40" y="1193.4714566929133" width="12.125984251968589" height="69.0813648293963" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-7.455" data-y="-19.347708333333337" x="40" y="1100.13812335958" width="12.125984251968589" height="69.0813648293963" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="1.1102230246251565e-16" data-y="-15.680208333333336" x="301.62729658792654" y="994.6788057742783" width="36.74540682414698" height="10.472440944881782" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-7.455" data-y="-24.427708333333335" x="40" y="1286.8047900262466" width="12.125984251968589" height="69.0813648293963" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-7.455" data-y="-16.807708333333338" x="40" y="1006.8047900262468" width="12.125984251968589" height="69.0813648293963" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="-0.4000000000000001" data-y="-14.902708333333337" x="302.2703412073491" y="948.0121391076116" width="6.062992125984238" height="46.66666666666674" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><g><rect data-type="rect" data-label="node" data-x="0.4" data-y="-14.902708333333337" x="331.6666666666667" y="948.0121391076116" width="6.062992125984238" height="46.66666666666674" fill="#fef3c7" stroke="black" stroke-width="0.02721428571428572"/></g><text data-type="text" data-label="Layer z=0" data-x="0" data-y="8.374166666666667" x="320" y="116.02723097112863" fill="black" font-size="18.372703412073488" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=0</text><text data-type="text" data-label="Layer z=1" data-x="0" data-y="-12.243541666666669" x="320" y="873.6333114610674" fill="black" font-size="18.372703412073488" font-family="sans-serif" text-anchor="end" dominant-baseline="text-before-edge">Layer z=1</text><g id="crosshair" style="display: none"><line id="crosshair-h" y1="0" y2="1559" stroke="#666" stroke-width="0.5"/><line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5"/><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text></g><script><![CDATA[
|
|
2
|
+
document.currentScript.parentElement.addEventListener('mousemove', (e) => {
|
|
3
|
+
const svg = e.currentTarget;
|
|
4
|
+
const rect = svg.getBoundingClientRect();
|
|
5
|
+
const x = e.clientX - rect.left;
|
|
6
|
+
const y = e.clientY - rect.top;
|
|
7
|
+
const crosshair = svg.getElementById('crosshair');
|
|
8
|
+
const h = svg.getElementById('crosshair-h');
|
|
9
|
+
const v = svg.getElementById('crosshair-v');
|
|
10
|
+
const coords = svg.getElementById('coordinates');
|
|
11
|
+
|
|
12
|
+
crosshair.style.display = 'block';
|
|
13
|
+
h.setAttribute('x1', '0');
|
|
14
|
+
h.setAttribute('x2', '640');
|
|
15
|
+
h.setAttribute('y1', y);
|
|
16
|
+
h.setAttribute('y2', y);
|
|
17
|
+
v.setAttribute('x1', x);
|
|
18
|
+
v.setAttribute('x2', x);
|
|
19
|
+
v.setAttribute('y1', '0');
|
|
20
|
+
v.setAttribute('y2', '1559');
|
|
21
|
+
|
|
22
|
+
// Calculate real coordinates using inverse transformation
|
|
23
|
+
const matrix = {"a":36.745406824146976,"c":0,"e":320,"b":0,"d":-36.745406824146976,"f":423.7393919510061};
|
|
24
|
+
// Manually invert and apply the affine transform
|
|
25
|
+
// Since we only use translate and scale, we can directly compute:
|
|
26
|
+
// x' = (x - tx) / sx
|
|
27
|
+
// y' = (y - ty) / sy
|
|
28
|
+
const sx = matrix.a;
|
|
29
|
+
const sy = matrix.d;
|
|
30
|
+
const tx = matrix.e;
|
|
31
|
+
const ty = matrix.f;
|
|
32
|
+
const realPoint = {
|
|
33
|
+
x: (x - tx) / sx,
|
|
34
|
+
y: (y - ty) / sy // Flip y back since we used negative scale
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
|
|
38
|
+
coords.setAttribute('x', (x + 5).toString());
|
|
39
|
+
coords.setAttribute('y', (y - 5).toString());
|
|
40
|
+
});
|
|
41
|
+
document.currentScript.parentElement.addEventListener('mouseleave', () => {
|
|
42
|
+
document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
|
|
43
|
+
});
|
|
44
|
+
]]></script></svg>
|