Attachment 369899 Details for Bug 197689 – Testcase

Testcase

gradient-drop-shadow-text.html (text/html), 714 bytes, created by Simon Fraser (smfr) on 2019-05-14 15:20:12 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Simon Fraser (smfr)

Created: 2019-05-14 15:20:12 PDT

Size: 714 bytes

patch

obsolete

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    
	<canvas id="myCanvas" width="400" height="400">
	<script>
		var canvas = document.getElementById("myCanvas");
		var ctx = canvas.getContext('2d');
		ctx.shadowColor = "#000000";
		ctx.shadowOffsetX = 5;
		ctx.shadowOffsetY = 5
		ctx.shadowBlur = 10;
		ctx.font = "70px arial";
		var gradient = ctx.createLinearGradient(300, 0, 300, 100);
		gradient.addColorStop(0, '#FF0000');
		gradient.addColorStop(0.25, '#FF0000');
		gradient.addColorStop(0.5, '#00FF00');
		gradient.addColorStop(0.75, '#0000FF');
		gradient.addColorStop(1, '#0000FF');
		ctx.fillStyle = gradient;
		ctx.scale(0.75, 0.75);
		ctx.fillText("1234567890", 10, 70);
	</script>
	
	
</body>
</html>

Actions: View

Attachments on bug 197689: 369367 | 369899 | 433722