| darin@apple.com | a2a0025 | 2008-12-16 00:22:14 +0000 | [diff] [blame] | 1 | <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| 2 | <html> |
| 3 | <head> |
| mark.lam@apple.com | 104d993 | 2013-09-07 22:20:15 +0000 | [diff] [blame] | 4 | <script src="../../resources/js-test-pre.js"></script> |
| darin@apple.com | a2a0025 | 2008-12-16 00:22:14 +0000 | [diff] [blame] | 5 | </head> |
| 6 | <body> |
| ap@apple.com | 92352d0 | 2017-05-24 22:53:00 +0000 | [diff] [blame] | 7 | <script> |
| 8 | description("Series of tests to ensure that no gradient is drawn without path"); |
| 9 | var ctx = document.createElement('canvas').getContext('2d'); |
| 10 | |
| 11 | ctx.fillStyle = 'green'; |
| 12 | ctx.fillRect(0, 0, 100, 100); |
| 13 | |
| 14 | var gradient = ctx.createLinearGradient(0, 0, 0, 100); |
| 15 | gradient.addColorStop(1, 'red'); |
| 16 | ctx.fillStyle = gradient; |
| 17 | |
| 18 | ctx.fill(); |
| 19 | |
| 20 | var imageData = ctx.getImageData(1, 1, 98, 98); |
| 21 | var imgdata = imageData.data; |
| 22 | shouldBe("imgdata[4]", "0"); |
| 23 | shouldBe("imgdata[5]", "128"); |
| 24 | shouldBe("imgdata[6]", "0"); |
| 25 | |
| 26 | ctx.strokeStyle = 'green'; |
| 27 | ctx.lineWidth = 100; |
| 28 | ctx.strokeRect(50, 0, 100, 100); |
| 29 | |
| 30 | ctx.strokeStyle = gradient; |
| 31 | |
| 32 | ctx.stroke(); |
| 33 | |
| 34 | imageData = ctx.getImageData(1, 1, 98, 98); |
| 35 | imgdata = imageData.data; |
| 36 | shouldBe("imgdata[4]", "0"); |
| 37 | shouldBe("imgdata[5]", "128"); |
| 38 | shouldBe("imgdata[6]", "0"); |
| 39 | </script> |
| mark.lam@apple.com | 104d993 | 2013-09-07 22:20:15 +0000 | [diff] [blame] | 40 | <script src="../../resources/js-test-post.js"></script> |
| darin@apple.com | a2a0025 | 2008-12-16 00:22:14 +0000 | [diff] [blame] | 41 | </body> |
| 42 | </html> |
