mozPrintCallback-text-002-print.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/canvas/mozPrintCallback-text-002-print.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1908969">

<link rel="match" href="mozPrintCallback-text-002-print-ref.html">

<link rel="stylesheet" href="/fonts/ahem.css">

<style>

  canvas {

    background: yellow;

    transform: scale(4);

    transform-origin: 0 0;

</style>

<canvas id="myCanvas" width="80" height="80"></canvas>

<script>

  myCanvas.mozPrintCallback = function (obj) {

    let ctx = obj.context;

    ctx.font = "60px Ahem";

    // Draw the glyph using 'actualBoundingBoxAscent' as the y-position so that

    // its top-edge is flush with the top of the canvas.  (This makes it easier

    // to position the glyph consistently between this testcase and the

    // reference case.)

    let yPos = ctx.measureText("X").actualBoundingBoxAscent;

    ctx.fillText("X", 0, yPos);

    obj.done();

</script>