50 lines
1.2 KiB
HTML
50 lines
1.2 KiB
HTML
<!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>
|