diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/reftests/svg/text-layout-09.svg | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/svg/text-layout-09.svg')
-rw-r--r-- | layout/reftests/svg/text-layout-09.svg | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/layout/reftests/svg/text-layout-09.svg b/layout/reftests/svg/text-layout-09.svg new file mode 100644 index 0000000000..c5a0626c08 --- /dev/null +++ b/layout/reftests/svg/text-layout-09.svg @@ -0,0 +1,49 @@ +<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" class="reftest-wait"> + + <foreignObject><canvas xmlns="http://www.w3.org/1999/xhtml" id="canvas"/></foreignObject> + + <rect width="100%" height="100%" fill="lime"/> + + <g fill="red"> + <text dominant-baseline="hanging" x="70" y="70">hanging</text> + <text dominant-baseline="mathematical" x="70" y="140">mathematical</text> + </g> + + <g fill="lime"> + <text id="hanging" x="70" y="70" dy="0">hanging</text> + <text id="mathematical" x="70" y="140" dy="0">mathematical</text> + </g> + + <style><![CDATA[ + text { + font: bold 30px Verdana, Helvetica, Arial, sans-serif; + } + ]]></style> + <script> + function cover(id, offset) { + let element = document.getElementById(id); + element.dy.baseVal[0].value = offset; + let rect = document.createElementNS("http://www.w3.org/2000/svg", "rect"); + let bbox = element.getBBox(); + rect.x.baseVal.value = bbox.x; + rect.y.baseVal.value = bbox.y; + rect.width.baseVal.value = bbox.width; + rect.height.baseVal.value = bbox.height; + element.parentElement.appendChild(rect); + } + onload = function() { + const canvas = document.getElementById('canvas'); + const ctx = canvas.getContext('2d'); + ctx.font = 'bold 30px Verdana, Helvetica, Arial, sans-serif'; + + let text = 'h'; + let textMetrics = ctx.measureText(text); + + cover("hanging", textMetrics.actualBoundingBoxAscent * 1.1); + + cover("mathematical", textMetrics.actualBoundingBoxAscent / 2 * 1.4); + + document.documentElement.removeAttribute('class'); + } + </script> +</svg> |