Source code
Revision control
Copy as Markdown
Other Tools
<!doctype HTML>
<html lang="en-US" class="reftest-wait">
<meta charset="utf-8">
<title>HTML5 Canvas Test: The lang attribute inherits from a disconnected canvas element</title>
<link rel="match" href="canvas.2d.lang-ref.html"/>
<link rel="author" href="mailto:schenney@chromium.org"/>
<link rel="help"
<meta name="assert" content="Verify that a disconnected canvas uses the canvas lang."/>
<script src="/common/reftest-wait.js"></script>
<style>
#canvas-tr {
position: absolute;
top: 10px;
left: 10px;
}
#canvas-en {
position: absolute;
top: 120px;
left: 10px;
}
</style>
<body>
<script type="text/javascript">
function drawText(language) {
var canvas = document.createElement('canvas');
canvas.setAttribute('width', '300');
canvas.setAttribute('height', '100');
canvas.setAttribute('id', 'canvas-' + language);
canvas.setAttribute('lang', language);
var ctx = canvas.getContext('2d');
// The default for lang is inherit
ctx.font = '25px Lato-Medium';
ctx.fillText('fi', 5, 50);
document.body.appendChild(canvas);
}
let test_font = new FontFace(
// Lato-Medium is a font with language specific ligatures.
"Lato-Medium",
"url(/fonts/Lato-Medium.ttf)"
);
test_font.load().then((font) => {
document.fonts.add(font);
drawText('tr');
drawText('en');
takeScreenshot();
});
</script>
</body>
</html>