OLD | NEW |
1 test = function(setter) { | 1 test = function(setter) { |
2 document.body.appendChild(document.createElement("p")).appendChild(document.
createTextNode("There should be no red pixels below.")); | 2 document.body.appendChild(document.createElement("p")).appendChild(document.
createTextNode("There should be no red pixels below.")); |
3 var canvas = document.body.appendChild(document.createElement("canvas")); | 3 var canvas = document.body.appendChild(document.createElement("canvas")); |
4 canvas.width = "400"; | 4 canvas.width = "400"; |
5 canvas.height = "400"; | 5 canvas.height = "400"; |
6 canvas.style.backgroundColor = "white"; | 6 canvas.style.backgroundColor = "white"; |
7 var ctx = canvas.getContext('2d'); | 7 var ctx = canvas.getContext('2d'); |
8 var w = 10; | 8 var w = 10; |
9 var h = 10; | 9 var h = 10; |
10 | 10 |
11 var y = 10; | 11 var y = 10; |
12 for (var offsetY = -10; offsetY <= 10; offsetY++) { | 12 for (var offsetY = -10; offsetY <= 10; offsetY++) { |
13 var x = 10; | 13 var x = 10; |
14 for (var offsetX = -10; offsetX <= 10; offsetX++) { | 14 for (var offsetX = -10; offsetX <= 10; offsetX++) { |
15 ctx.setShadow(0, 0, 0, "transparent"); | 15 ctx.shadowOffsetX = 0; |
| 16 ctx.shadowOffsetY = 0 |
| 17 ctx.shadowBlur = 0; |
| 18 ctx.shadowColor = "transparent"; |
16 | 19 |
17 ctx.fillStyle = 'red'; | 20 ctx.fillStyle = 'red'; |
18 ctx.fillRect(x + offsetX, y + offsetY, w, h); | 21 ctx.fillRect(x + offsetX, y + offsetY, w, h); |
19 | 22 |
20 setter(ctx, offsetX, offsetY); | 23 setter(ctx, offsetX, offsetY); |
21 | 24 |
22 ctx.fillStyle = 'white'; | 25 ctx.fillStyle = 'white'; |
23 ctx.fillRect(x, y, w, h); | 26 ctx.fillRect(x, y, w, h); |
24 | 27 |
25 x += w + Math.abs(offsetX) + 2; | 28 x += w + Math.abs(offsetX) + 2; |
26 } | 29 } |
27 y += h + Math.abs(offsetY) + 2; | 30 y += h + Math.abs(offsetY) + 2; |
28 } | 31 } |
29 } | 32 } |
OLD | NEW |