Bug 217556 - Stroking text with a gradient and a shadow fills the shadow
Summary: Stroking text with a gradient and a shadow fills the shadow
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Canvas (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-10-09 23:07 PDT by Myles C. Maxfield
Modified: 2020-10-16 23:08 PDT (History)
2 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

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