| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <script> |
| description("Test negative values for lineDashOffset"); |
| |
| var canvas = document.createElement('canvas'); |
| document.body.appendChild(canvas); |
| canvas.setAttribute('width', '200'); |
| canvas.setAttribute('height', '200'); |
| var ctx = canvas.getContext('2d'); |
| |
| ctx.lineWidth = 200; |
| ctx.setLineDash([100,100]); |
| ctx.strokeStyle = "rgb(0,255,0)"; |
| ctx.moveTo(0,100); |
| ctx.lineTo(200,100); |
| ctx.lineDashOffset = -100; |
| ctx.stroke(); |
| |
| // Verify value. |
| shouldBe('ctx.lineDashOffset', '-100'); |
| |
| function dataToArray(data) { |
| var result = new Array(data.length) |
| for (var i = 0; i < data.length; i++) |
| result[i] = data[i]; |
| return result; |
| } |
| |
| function getPixel(x, y) { |
| var data = ctx.getImageData(x,y,1,1); |
| if (!data) // getImageData failed, which should never happen |
| return [-1,-1,-1,-1]; |
| return dataToArray(data.data); |
| } |
| |
| function pixelShouldBe(x, y, colour) { |
| shouldBe("getPixel(" + [x, y] +")", "["+colour+"]"); |
| } |
| |
| pixelShouldBe(50,100,[0,0,0,0]); |
| pixelShouldBe(150,100,[0,255,0,255]);</script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
