Bug 217557

Summary: Stroking emoji with a gradient fills the emoji
Product: WebKit Reporter: Myles C. Maxfield <mmaxfield>
Component: CanvasAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: dino, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   

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
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
Note You need to log in before you can comment on or make changes to this bug.