| 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 | ||
Our rendering doesn't match the other browsers. Looks like, even if you fill the emoji, we fill it with the gradient when other browsers just show the emoji. |
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);