summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/1743851-1.html
blob: b2fe31dd2d8f67ef6ba8e2038b19958d14366742 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8"/>
		<script>

			const spriteSheet = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALBAMAAACEzBAKAAAAFVBMVEUAAADMr3z///8PDw9AQEC/v7/w8PCtfkxVAAAAA3RSTlMAAAD6dsTeAAAAQ0lEQVQIWy3IQRGAIAAEwJ1zCEAFLEAUK5iPClaggj9rMH7Y57prrR0pOJB1kU58OIldsSt2BQVHaIN3Rnt4p2SwJj863A7yxMyt/AAAAABJRU5ErkJggg=='

			const loadImage = (src) => {
				return new Promise((resolve, reject) => {
					var img = new Image()
					img.onload = () => resolve(img)
					img.onerror = () => reject(false)
					img.src = src
				})
			}

			let cursorImage

			function drawTestImage(canvasID, alphaValue) {
				const ctx = document.getElementById(canvasID).getContext("2d", { alpha: alphaValue })

				ctx.fillStyle = "#808080" // For contrast
				ctx.fillRect(0, 0, 30, 30)

				createImageBitmap(cursorImage, 0, 0, 8, 11, { premultiplyAlpha: "none" }).then(image => {
					ctx.drawImage(image, 10, 10)
				})
			}

			window.addEventListener("DOMContentLoaded", () => {
				loadImage(spriteSheet).then(img => {
					cursorImage = img
					drawTestImage("c0", false)
				})
			})

		</script>
	</head>
	<body>
		<canvas id="c0" width="30" height="30"></canvas>
	</body>
</html>