[Webkit-unassigned] [Bug 200779] New: Text is sometime not rendered on canvas when using transform and clip

Thu Aug 15 12:18:19 PDT 2019

https://bugs.webkit.org/show_bug.cgi?id=200779

            Bug ID: 200779
           Summary: Text is sometime not rendered on canvas when using
                    transform and clip
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Canvas
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: webrant at gmail.com
                CC: dino at apple.com

Simple repro that works fine in other browsers:

<html>
  <body style="display: flex;">
    <canvas id="canvas1" style="flex: 1; width: 100%; height: 100%; background: #eee" />
  </body>
  <script>

    const canvas = document.getElementById("canvas1");
    const ctx = canvas.getContext("2d");

    ctx.canvas.width = 800;
    ctx.canvas.height = 600;

    ctx.transform(1, 0.27, 0, 1, 0, -95.26);
    ctx.textAlign = "center";
    ctx.textBaseline = "top";
    ctx.lineWidth = 1;
    ctx.font = "22px Arial";
    ctx.beginPath();
    ctx.rect(200, 200, 400, 29);
    ctx.closePath();
    ctx.fillStyle = "#FFE0C0";
    ctx.fill("nonzero");
    ctx.clip("nonzero");
    ctx.fillStyle = "#000";
    ctx.fillText("Text that doesn't display in Safari", 400, 205);

  </script>
</html>

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190815/e191785e/attachment.html>