css-opacity-on-div.tentative.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/canvas/element/manual/draw-element-image/css-opacity-on-div.tentative.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html class="reftest-wait">

<head>

  <title>drawElementImage paints CSS opacity</title>

  <link rel="help" href="https://github.com/WICG/html-in-canvas">

  <link rel="match" href="css-opacity-on-div-ref.html">

  <meta name="assert" value="A div with opacity paints with the opacity.">

  <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-10000">

  <script src="/common/reftest-wait.js"></script>

  <script src="/html/canvas/resources/wait-for-canvas-paint.js"></script>

  <style>

    div {

      width: 100px;

      height: 100px;

      background: green;

      opacity: 0.5;

  </style>

</head>

<body>

  <canvas id=canvas width="100" height="100" layoutsubtree>

    <div id="child"></div>

  </canvas>

  <script>

    onload = async () => {

      await waitForCanvasPaint(canvas);

      var context = canvas.getContext("2d");

      context.drawElementImage(child, 0, 0);

      takeScreenshot();

};

  </script>

</body>

</html>