diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
commit | 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch) | |
tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /layout/reftests/writing-mode/1090168-1.html | |
parent | Initial commit. (diff) | |
download | thunderbird-upstream.tar.xz thunderbird-upstream.zip |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/writing-mode/1090168-1.html')
-rw-r--r-- | layout/reftests/writing-mode/1090168-1.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/layout/reftests/writing-mode/1090168-1.html b/layout/reftests/writing-mode/1090168-1.html new file mode 100644 index 0000000000..443678678c --- /dev/null +++ b/layout/reftests/writing-mode/1090168-1.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +</head> +<body> +<script type="text/javascript"> +var testFont = '40px sans-serif'; + +function test(x, y, text, style, rotation) { + var canvas = document.createElement("canvas"); + canvas.width = 400; + canvas.height = 400; + canvas.style.cssText = 'position:absolute;' + style; + document.getElementsByTagName('body')[0].appendChild(canvas); + var ctx = canvas.getContext('2d'); + ctx.globalAlpha = 0.5; + ctx.beginPath(); + ctx.moveTo(x - 20, y); ctx.lineTo(x + 20, y); + ctx.moveTo(x, y - 20); ctx.lineTo(x, y + 20); + ctx.stroke(); + ctx.globalAlpha = 1.0; + ctx.font = testFont; + if (rotation != 0) { + ctx.translate(x,y); + ctx.rotate(rotation); + ctx.translate(-x,-y); + } + ctx.fillText(text, x, y); +} + +// Testcase: vertical text with orientation:sideways-right +test(100, 50, 'Hello', 'writing-mode:vertical-lr;text-orientation:sideways-right', 0); + +// Reference: horizontal text with 90° rotation +// test(100, 50, 'Hello', 'writing-mode:horizontal-tb', Math.PI/2); + +// Non-reference: vertical text with orientation:mixed +// test(100, 50, 'Hello', 'writing-mode:vertical-lr;text-orientation:mixed', 0); + +</script> |