mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-08 12:37:37 +00:00
64aa64da5f
When we fixed transformed clips it caused us to double transform gradients. We fix this by avoiding ::PushClip when drawing gradients. This has the advantage of saving a save and restore pair and it makes Fill() more closely match Stroke()
18 lines
436 B
HTML
18 lines
436 B
HTML
<html>
|
|
<body>
|
|
<canvas width="500" height="500"></canvas>
|
|
<script>
|
|
var canvas = document.getElementsByTagName('canvas')[0];
|
|
var ctx = canvas.getContext('2d');
|
|
|
|
var lineargradient = ctx.createLinearGradient(000,000,500,500);
|
|
lineargradient.addColorStop(0,'red');
|
|
lineargradient.addColorStop(1,'black');
|
|
ctx.fillStyle = lineargradient;
|
|
ctx.beginPath();
|
|
ctx.rect(00, 00, 250, 250);
|
|
ctx.fill();
|
|
</script>
|
|
</body>
|
|
</html>
|