Bug 217556

Summary: Stroking text with a gradient and a shadow fills the shadow
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   

Description Myles C. Maxfield 2020-10-09 23:07:33 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.shadowColor = "red";
context.shadowOffsetX = 10;
context.shadowOffsetY = 10;
context.strokeText("Hello", 200, 200);

Our rendering doesn't match the other browsers.
Comment 1 Radar WebKit Bug Importer 2020-10-16 23:08:18 PDT
<rdar://problem/70403279>