Bug 217557
| Summary: | Stroking emoji with a gradient fills the emoji | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Myles C. Maxfield <mmaxfield> |
| Component: | Canvas | Assignee: | 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
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
Our rendering doesn't match the other browsers.
Myles C. Maxfield
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
<rdar://problem/70403450>