canvas.2d.lang.inherit.disconnected.canvas.no.lang.html (1692B)
1 <!doctype HTML> 2 <html lang="tr" class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>HTML5 Canvas Test: The lang attribute inherits the unknown lang when disconnected and no lang attribute</title> 5 <link rel="match" href="canvas.2d.unknown.lang-ref.html"/> 6 <link rel="author" href="mailto:schenney@chromium.org"/> 7 <link rel="help" 8 href="https://html.spec.whatwg.org/multipage/canvas.html#text-styles"/> 9 <meta name="assert" content="Verify that a disconnected canvas with no lang attribute uses the unknown lang."/> 10 <script src="/common/reftest-wait.js"></script> 11 <style> 12 #canvas-tr { 13 position: absolute; 14 top: 10px; 15 left: 10px; 16 } 17 #canvas-en { 18 position: absolute; 19 top: 120px; 20 left: 10px; 21 } 22 </style> 23 <body> 24 <script type="text/javascript"> 25 function drawText(language) { 26 var canvas = document.createElement('canvas'); 27 canvas.setAttribute('width', '300'); 28 canvas.setAttribute('height', '100'); 29 canvas.setAttribute('id', 'canvas-' + language); 30 var ctx = canvas.getContext('2d'); 31 32 // The default for lang is inherit 33 ctx.font = '25px Lato-Medium'; 34 ctx.fillText('fi', 5, 50); 35 36 document.body.appendChild(canvas); 37 } 38 39 let test_font = new FontFace( 40 // Lato-Medium is a font with language specific ligatures. 41 "Lato-Medium", 42 "url(/fonts/Lato-Medium.ttf)" 43 ); 44 45 test_font.load().then((font) => { 46 document.fonts.add(font); 47 drawText('tr'); 48 document.documentElement.setAttribute('lang', 'en'); 49 drawText('en'); 50 takeScreenshot(); 51 }); 52 </script> 53 </body> 54 </html>