mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-06 00:55:37 +00:00
24 lines
1.1 KiB
XML
24 lines
1.1 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300"
|
||
|
|
style="font: 24px monospace">
|
||
|
|
|
||
|
|
<!-- We need these two rects so that getBoundingClientRect of the <svg> does
|
||
|
|
not just return the region covered by the <text>, which would result in
|
||
|
|
the synthesizeMouse calls using the wrong positions. We don't use one
|
||
|
|
big rect because that could interfere with text selection when dragging
|
||
|
|
outside the bounds of text elements. -->
|
||
|
|
<rect width="10" height="10" fill="white"/>
|
||
|
|
<rect x="350" y="250" width="10" height="10" fill="white"/>
|
||
|
|
|
||
|
|
<text x="100" y="50">hello there</text>
|
||
|
|
<text x="100" y="100">to you all!</text>
|
||
|
|
<text x="200" y="150">abc<tspan x="100" dy="10 -10">def</tspan></text>
|
||
|
|
<text x="100" y="200">אבגabc</text>
|
||
|
|
<text x="100" y="250" transform="scale(0.5,1)translate(100)">squashed</text>
|
||
|
|
|
||
|
|
<!-- These two circles are just used for debugging the test; passing true
|
||
|
|
as the last argument to drag() will place these circles at the drag
|
||
|
|
start and end points. -->
|
||
|
|
<circle id="dragstart" fill="blue"/>
|
||
|
|
<circle id="dragend" fill="red"/>
|
||
|
|
</svg>
|