| 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 |