diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /layout/reftests/svg/text-layout-09.svg | |
parent | Initial commit. (diff) | |
download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip |
Adding upstream version 110.0.1.upstream/110.0.1upstream
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> |