parent-style-relative-units.html (884B)
1 <!DOCTYPE html> 2 <title>Canvas test: CanvasTextDrawingStyles.font with canvas relative units</title> 3 <link rel="help" href="https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-font"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <canvas id="canvas" style="font-size: 30px; line-height: 40px"></canvas> 7 <script> 8 const canvas = document.getElementById("canvas"); 9 const ctx = canvas.getContext("2d"); 10 11 test(() => { 12 ctx.font = "2em serif"; 13 assert_equals(ctx.font, "60px serif"); 14 }, "Font-size based on canvas element font-size"); 15 16 test(() => { 17 // Line-height should be forced to normal, but also irrelevant for resolving 18 // lh-units for font-size. 19 ctx.font = "2lh/100 serif"; 20 assert_equals(ctx.font, "80px serif"); 21 }, "Font-size based on canvas element line-height"); 22 </script>