NEW217557
Stroking emoji with a gradient fills the emoji 
https://bugs.webkit.org/show_bug.cgi?id=217557
Summary Stroking emoji with a gradient fills the emoji
Myles C. Maxfield
Reported 2020-10-09 23:23:27 PDT
let context = canvas.getContext("2d"); context.font = "192px 'Times'"; context.lineWidth = 2; let gradient = context.createLinearGradient(200, 200, 400, 200); gradient.addColorStop(0, "rgb(255, 0, 128)"); gradient.addColorStop(1, "rgb(255, 153, 51)"); context.strokeStyle = gradient; context.strokeText("😁", 200, 200);
Attachments
Add attachment proposed patch, testcase, etc.
Myles C. Maxfield
Comment 1 2020-10-09 23:24:20 PDT
Our rendering doesn't match the other browsers.
Myles C. Maxfield
Comment 2 2020-10-09 23:36:31 PDT
Looks like, even if you fill the emoji, we fill it with the gradient when other browsers just show the emoji.
Radar WebKit Bug Importer
Comment 3 2020-10-16 23:24:13 PDT
<rdar://problem/70403450>
Note You need to log in before you can comment on or make changes to this bug.