Move path-object test generator file to common folder
Move path-object tests generator file to the common folder, yaml-new.
Note that the tests are common in HTML and OffscreenCanvas, so there is
no new test added.
Bug: 1275750
Change-Id: I2aeff2ced2a102a1bf9ecfe2a829ed3542f14f50
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4307355
Reviewed-by: Jean-Philippe Gravel <jpgravel@chromium.org>
Commit-Queue: Yi Xu <yiyix@google.com>
Cr-Commit-Position: refs/heads/main@{#1137960}
diff --git a/html/canvas/element/path-objects/2d.path.arc.angle.1.html b/html/canvas/element/path-objects/2d.path.arc.angle.1.html
index 838492d..85ebff4 100644
--- a/html/canvas/element/path-objects/2d.path.arc.angle.1.html
+++ b/html/canvas/element/path-objects/2d.path.arc.angle.1.html
@@ -19,15 +19,14 @@
var t = async_test("arc() draws pi/2 .. -pi anticlockwise correctly");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, Math.PI/2, -Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, Math.PI/2, -Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.angle.2.html b/html/canvas/element/path-objects/2d.path.arc.angle.2.html
index 7ddcbcb..7eefabd 100644
--- a/html/canvas/element/path-objects/2d.path.arc.angle.2.html
+++ b/html/canvas/element/path-objects/2d.path.arc.angle.2.html
@@ -19,15 +19,14 @@
var t = async_test("arc() draws -3pi/2 .. -pi anticlockwise correctly");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, -3*Math.PI/2, -Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, -3*Math.PI/2, -Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.angle.3.html b/html/canvas/element/path-objects/2d.path.arc.angle.3.html
index f5df8a2..899c50d 100644
--- a/html/canvas/element/path-objects/2d.path.arc.angle.3.html
+++ b/html/canvas/element/path-objects/2d.path.arc.angle.3.html
@@ -19,15 +19,14 @@
var t = async_test("arc() wraps angles mod 2pi when anticlockwise and end > start+2pi");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, (512+1/2)*Math.PI, (1024-1)*Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, (512+1/2)*Math.PI, (1024-1)*Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.angle.4.html b/html/canvas/element/path-objects/2d.path.arc.angle.4.html
index 635112f..3f1bd84 100644
--- a/html/canvas/element/path-objects/2d.path.arc.angle.4.html
+++ b/html/canvas/element/path-objects/2d.path.arc.angle.4.html
@@ -19,18 +19,17 @@
var t = async_test("arc() draws a full circle when clockwise and end > start+2pi");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arc(50, 25, 60, (512+1/2)*Math.PI, (1024-1)*Math.PI, false);
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arc(50, 25, 60, (512+1/2)*Math.PI, (1024-1)*Math.PI, false);
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.angle.5.html b/html/canvas/element/path-objects/2d.path.arc.angle.5.html
index 59edd27..2373bd4 100644
--- a/html/canvas/element/path-objects/2d.path.arc.angle.5.html
+++ b/html/canvas/element/path-objects/2d.path.arc.angle.5.html
@@ -19,15 +19,14 @@
var t = async_test("arc() wraps angles mod 2pi when clockwise and start > end+2pi");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, (1024-1)*Math.PI, (512+1/2)*Math.PI, false);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, (1024-1)*Math.PI, (512+1/2)*Math.PI, false);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.angle.6.html b/html/canvas/element/path-objects/2d.path.arc.angle.6.html
index 83f960b..b0b03cf 100644
--- a/html/canvas/element/path-objects/2d.path.arc.angle.6.html
+++ b/html/canvas/element/path-objects/2d.path.arc.angle.6.html
@@ -19,18 +19,17 @@
var t = async_test("arc() draws a full circle when anticlockwise and start > end+2pi");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arc(50, 25, 60, (1024-1)*Math.PI, (512+1/2)*Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arc(50, 25, 60, (1024-1)*Math.PI, (512+1/2)*Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.default.html b/html/canvas/element/path-objects/2d.path.arc.default.html
index 51c1f1a..b52941f 100644
--- a/html/canvas/element/path-objects/2d.path.arc.default.html
+++ b/html/canvas/element/path-objects/2d.path.arc.default.html
@@ -19,15 +19,14 @@
var t = async_test("arc() with missing last argument defaults to clockwise");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, -Math.PI, Math.PI/2);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, -Math.PI, Math.PI/2);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.empty.html b/html/canvas/element/path-objects/2d.path.arc.empty.html
index bff8029..295ee4b 100644
--- a/html/canvas/element/path-objects/2d.path.arc.empty.html
+++ b/html/canvas/element/path-objects/2d.path.arc.empty.html
@@ -19,15 +19,14 @@
var t = async_test("arc() with an empty path does not draw a straight line to the start point");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.end.html b/html/canvas/element/path-objects/2d.path.arc.end.html
index aa26b65..a581a40 100644
--- a/html/canvas/element/path-objects/2d.path.arc.end.html
+++ b/html/canvas/element/path-objects/2d.path.arc.end.html
@@ -19,17 +19,16 @@
var t = async_test("arc() adds the end point of the arc to the subpath");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(-100, 0);
-ctx.arc(-100, 0, 25, -Math.PI/2, Math.PI/2, true);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(-100, 0);
+ ctx.arc(-100, 0, 25, -Math.PI/2, Math.PI/2, true);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.negative.html b/html/canvas/element/path-objects/2d.path.arc.negative.html
index 9d1f4d8..fd81eba 100644
--- a/html/canvas/element/path-objects/2d.path.arc.negative.html
+++ b/html/canvas/element/path-objects/2d.path.arc.negative.html
@@ -19,10 +19,9 @@
var t = async_test("arc() with negative radius throws INDEX_SIZE_ERR");
_addTest(function(canvas, ctx) {
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arc(0, 0, -1, 0, 0, true); });
-var path = new Path2D();
-assert_throws_dom("INDEX_SIZE_ERR", function() { path.arc(10, 10, -5, 0, 1, false); });
-
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arc(0, 0, -1, 0, 0, true); });
+ var path = new Path2D();
+ assert_throws_dom("INDEX_SIZE_ERR", function() { path.arc(10, 10, -5, 0, 1, false); });
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.nonempty.html b/html/canvas/element/path-objects/2d.path.arc.nonempty.html
index 63a472b..9828290 100644
--- a/html/canvas/element/path-objects/2d.path.arc.nonempty.html
+++ b/html/canvas/element/path-objects/2d.path.arc.nonempty.html
@@ -19,16 +19,15 @@
var t = async_test("arc() with a non-empty path does draw a straight line to the start point");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.nonfinite.html b/html/canvas/element/path-objects/2d.path.arc.nonfinite.html
index 04d51bf..a1b15e7 100644
--- a/html/canvas/element/path-objects/2d.path.arc.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.arc.nonfinite.html
@@ -19,58 +19,57 @@
var t = async_test("arc() with Infinity/NaN is ignored");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.arc(Infinity, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(-Infinity, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(NaN, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(0, Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(0, -Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(0, NaN, 50, 0, 2*Math.PI, true);
-ctx.arc(0, 0, Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, 0, -Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, 0, NaN, 0, 2*Math.PI, true);
-ctx.arc(0, 0, 50, Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, 50, -Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, 50, NaN, 2*Math.PI, true);
-ctx.arc(0, 0, 50, 0, Infinity, true);
-ctx.arc(0, 0, 50, 0, -Infinity, true);
-ctx.arc(0, 0, 50, 0, NaN, true);
-ctx.arc(Infinity, Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, 0, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, Infinity, Infinity, true);
-ctx.arc(Infinity, Infinity, Infinity, 0, Infinity, true);
-ctx.arc(Infinity, Infinity, 50, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, 50, Infinity, Infinity, true);
-ctx.arc(Infinity, Infinity, 50, 0, Infinity, true);
-ctx.arc(Infinity, 0, Infinity, 0, 2*Math.PI, true);
-ctx.arc(Infinity, 0, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, 0, Infinity, Infinity, Infinity, true);
-ctx.arc(Infinity, 0, Infinity, 0, Infinity, true);
-ctx.arc(Infinity, 0, 50, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, 0, 50, Infinity, Infinity, true);
-ctx.arc(Infinity, 0, 50, 0, Infinity, true);
-ctx.arc(0, Infinity, Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, Infinity, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(0, Infinity, Infinity, Infinity, Infinity, true);
-ctx.arc(0, Infinity, Infinity, 0, Infinity, true);
-ctx.arc(0, Infinity, 50, Infinity, 2*Math.PI, true);
-ctx.arc(0, Infinity, 50, Infinity, Infinity, true);
-ctx.arc(0, Infinity, 50, 0, Infinity, true);
-ctx.arc(0, 0, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, Infinity, Infinity, Infinity, true);
-ctx.arc(0, 0, Infinity, 0, Infinity, true);
-ctx.arc(0, 0, 50, Infinity, Infinity, true);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.arc(Infinity, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(-Infinity, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(NaN, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, -Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, NaN, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, -Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, NaN, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, -Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, NaN, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, 0, Infinity, true);
+ ctx.arc(0, 0, 50, 0, -Infinity, true);
+ ctx.arc(0, 0, 50, 0, NaN, true);
+ ctx.arc(Infinity, Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, Infinity, Infinity, true);
+ ctx.arc(Infinity, Infinity, Infinity, 0, Infinity, true);
+ ctx.arc(Infinity, Infinity, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, 50, Infinity, Infinity, true);
+ ctx.arc(Infinity, Infinity, 50, 0, Infinity, true);
+ ctx.arc(Infinity, 0, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, Infinity, Infinity, Infinity, true);
+ ctx.arc(Infinity, 0, Infinity, 0, Infinity, true);
+ ctx.arc(Infinity, 0, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, 50, Infinity, Infinity, true);
+ ctx.arc(Infinity, 0, 50, 0, Infinity, true);
+ ctx.arc(0, Infinity, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, Infinity, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(0, Infinity, Infinity, Infinity, Infinity, true);
+ ctx.arc(0, Infinity, Infinity, 0, Infinity, true);
+ ctx.arc(0, Infinity, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(0, Infinity, 50, Infinity, Infinity, true);
+ ctx.arc(0, Infinity, 50, 0, Infinity, true);
+ ctx.arc(0, 0, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, Infinity, Infinity, Infinity, true);
+ ctx.arc(0, 0, Infinity, 0, Infinity, true);
+ ctx.arc(0, 0, 50, Infinity, Infinity, true);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.scale.1.html b/html/canvas/element/path-objects/2d.path.arc.scale.1.html
index c100c647..951c9ae 100644
--- a/html/canvas/element/path-objects/2d.path.arc.scale.1.html
+++ b/html/canvas/element/path-objects/2d.path.arc.scale.1.html
@@ -19,35 +19,34 @@
var t = async_test("Non-uniformly scaled arcs are the right shape");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(2, 0.5);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(25, 50, 56, 0, 2*Math.PI, false);
-ctx.fill();
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(-25, 50);
-ctx.arc(-25, 50, 24, 0, 2*Math.PI, false);
-ctx.moveTo(75, 50);
-ctx.arc(75, 50, 24, 0, 2*Math.PI, false);
-ctx.moveTo(25, -25);
-ctx.arc(25, -25, 24, 0, 2*Math.PI, false);
-ctx.moveTo(25, 125);
-ctx.arc(25, 125, 24, 0, 2*Math.PI, false);
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(2, 0.5);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(25, 50, 56, 0, 2*Math.PI, false);
+ ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(-25, 50);
+ ctx.arc(-25, 50, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(75, 50);
+ ctx.arc(75, 50, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(25, -25);
+ ctx.arc(25, -25, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(25, 125);
+ ctx.arc(25, 125, 24, 0, 2*Math.PI, false);
+ ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.scale.2.html b/html/canvas/element/path-objects/2d.path.arc.scale.2.html
index 1045e40..6b39e16 100644
--- a/html/canvas/element/path-objects/2d.path.arc.scale.2.html
+++ b/html/canvas/element/path-objects/2d.path.arc.scale.2.html
@@ -19,25 +19,24 @@
var t = async_test("Highly scaled arcs are the right shape");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(100, 100);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 1.2;
-ctx.beginPath();
-ctx.arc(0, 0, 0.6, 0, Math.PI/2, false);
-ctx.stroke();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(100, 100);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 1.2;
+ ctx.beginPath();
+ ctx.arc(0, 0, 0.6, 0, Math.PI/2, false);
+ ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,25, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,25, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.selfintersect.1.html b/html/canvas/element/path-objects/2d.path.arc.selfintersect.1.html
index c97c833..3bc81bd 100644
--- a/html/canvas/element/path-objects/2d.path.arc.selfintersect.1.html
+++ b/html/canvas/element/path-objects/2d.path.arc.selfintersect.1.html
@@ -19,19 +19,18 @@
var t = async_test("arc() with lineWidth > 2*radius is drawn sensibly");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 200;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(100, 50, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-ctx.beginPath();
-ctx.arc(0, 0, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 200;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(100, 50, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(0, 0, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.selfintersect.2.html b/html/canvas/element/path-objects/2d.path.arc.selfintersect.2.html
index 58c51e3..e3b14a7 100644
--- a/html/canvas/element/path-objects/2d.path.arc.selfintersect.2.html
+++ b/html/canvas/element/path-objects/2d.path.arc.selfintersect.2.html
@@ -19,23 +19,22 @@
var t = async_test("arc() with lineWidth > 2*radius is drawn sensibly");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 180;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(-50, 50, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-ctx.beginPath();
-ctx.arc(100, 0, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,10, 0,255,0,255);
-_assertPixel(canvas, 97,1, 0,255,0,255);
-_assertPixel(canvas, 97,2, 0,255,0,255);
-_assertPixel(canvas, 97,3, 0,255,0,255);
-_assertPixel(canvas, 2,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 180;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(-50, 50, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(100, 0, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,10, 0,255,0,255);
+ _assertPixel(canvas, 97,1, 0,255,0,255);
+ _assertPixel(canvas, 97,2, 0,255,0,255);
+ _assertPixel(canvas, 97,3, 0,255,0,255);
+ _assertPixel(canvas, 2,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.shape.1.html b/html/canvas/element/path-objects/2d.path.arc.shape.1.html
index 29bf2cf..8a45684 100644
--- a/html/canvas/element/path-objects/2d.path.arc.shape.1.html
+++ b/html/canvas/element/path-objects/2d.path.arc.shape.1.html
@@ -19,20 +19,19 @@
var t = async_test("arc() from 0 to pi does not draw anything in the wrong half");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(50, 50, 50, 0, Math.PI, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 20,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(50, 50, 50, 0, Math.PI, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 20,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.shape.2.html b/html/canvas/element/path-objects/2d.path.arc.shape.2.html
index aad3a51..f820eed 100644
--- a/html/canvas/element/path-objects/2d.path.arc.shape.2.html
+++ b/html/canvas/element/path-objects/2d.path.arc.shape.2.html
@@ -19,20 +19,19 @@
var t = async_test("arc() from 0 to pi draws stuff in the right half");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 100;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(50, 50, 50, 0, Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 20,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 100;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(50, 50, 50, 0, Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 20,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.shape.3.html b/html/canvas/element/path-objects/2d.path.arc.shape.3.html
index 8f9e2735..aa08d44 100644
--- a/html/canvas/element/path-objects/2d.path.arc.shape.3.html
+++ b/html/canvas/element/path-objects/2d.path.arc.shape.3.html
@@ -19,19 +19,18 @@
var t = async_test("arc() from 0 to -pi/2 does not draw anything in the wrong quadrant");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 100;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(0, 50, 50, 0, -Math.PI/2, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 100;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(0, 50, 50, 0, -Math.PI/2, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.shape.4.html b/html/canvas/element/path-objects/2d.path.arc.shape.4.html
index 4efa263..b00d446 100644
--- a/html/canvas/element/path-objects/2d.path.arc.shape.4.html
+++ b/html/canvas/element/path-objects/2d.path.arc.shape.4.html
@@ -19,19 +19,18 @@
var t = async_test("arc() from 0 to -pi/2 draws stuff in the right quadrant");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 150;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(-50, 50, 100, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 150;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(-50, 50, 100, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.shape.5.html b/html/canvas/element/path-objects/2d.path.arc.shape.5.html
index 21727d4..f5574d2 100644
--- a/html/canvas/element/path-objects/2d.path.arc.shape.5.html
+++ b/html/canvas/element/path-objects/2d.path.arc.shape.5.html
@@ -19,19 +19,18 @@
var t = async_test("arc() from 0 to 5pi does not draw crazy things");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 200;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(300, 0, 100, 0, 5*Math.PI, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 200;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(300, 0, 100, 0, 5*Math.PI, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.twopie.1.html b/html/canvas/element/path-objects/2d.path.arc.twopie.1.html
index a07eb10..6312efb 100644
--- a/html/canvas/element/path-objects/2d.path.arc.twopie.1.html
+++ b/html/canvas/element/path-objects/2d.path.arc.twopie.1.html
@@ -19,15 +19,14 @@
var t = async_test("arc() draws nothing when end = start + 2pi-e and anticlockwise");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.twopie.2.html b/html/canvas/element/path-objects/2d.path.arc.twopie.2.html
index 5ea0c1e..132c2d3 100644
--- a/html/canvas/element/path-objects/2d.path.arc.twopie.2.html
+++ b/html/canvas/element/path-objects/2d.path.arc.twopie.2.html
@@ -19,15 +19,14 @@
var t = async_test("arc() draws a full circle when end = start + 2pi-e and clockwise");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.twopie.3.html b/html/canvas/element/path-objects/2d.path.arc.twopie.3.html
index 8e1d50e..204ed54 100644
--- a/html/canvas/element/path-objects/2d.path.arc.twopie.3.html
+++ b/html/canvas/element/path-objects/2d.path.arc.twopie.3.html
@@ -19,15 +19,14 @@
var t = async_test("arc() draws a full circle when end = start + 2pi+e and anticlockwise");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.twopie.4.html b/html/canvas/element/path-objects/2d.path.arc.twopie.4.html
index 914fc4b..d5535a7 100644
--- a/html/canvas/element/path-objects/2d.path.arc.twopie.4.html
+++ b/html/canvas/element/path-objects/2d.path.arc.twopie.4.html
@@ -19,15 +19,14 @@
var t = async_test("arc() draws nothing when end = start + 2pi+e and clockwise");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.zero.1.html b/html/canvas/element/path-objects/2d.path.arc.zero.1.html
index b648c86..2c93425 100644
--- a/html/canvas/element/path-objects/2d.path.arc.zero.1.html
+++ b/html/canvas/element/path-objects/2d.path.arc.zero.1.html
@@ -19,15 +19,14 @@
var t = async_test("arc() draws nothing when startAngle = endAngle and anticlockwise");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 0, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 0, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.zero.2.html b/html/canvas/element/path-objects/2d.path.arc.zero.2.html
index 4aab17a..c290c2f 100644
--- a/html/canvas/element/path-objects/2d.path.arc.zero.2.html
+++ b/html/canvas/element/path-objects/2d.path.arc.zero.2.html
@@ -19,15 +19,14 @@
var t = async_test("arc() draws nothing when startAngle = endAngle and clockwise");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 0, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 0, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arc.zeroradius.html b/html/canvas/element/path-objects/2d.path.arc.zeroradius.html
index 6f50bb4..f75403b 100644
--- a/html/canvas/element/path-objects/2d.path.arc.zeroradius.html
+++ b/html/canvas/element/path-objects/2d.path.arc.zeroradius.html
@@ -19,16 +19,15 @@
var t = async_test("arc() with zero radius draws a line to the start point");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00'
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arc(200, 25, 0, 0, Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00'
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arc(200, 25, 0, 0, Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.coincide.1.html b/html/canvas/element/path-objects/2d.path.arcTo.coincide.1.html
index 9b96350..01c8091 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.coincide.1.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.coincide.1.html
@@ -19,27 +19,26 @@
var t = async_test("arcTo() has no effect if P0 = P1");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(0, 25, 50, 1000, 1);
-ctx.lineTo(100, 25);
-ctx.stroke();
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(0, 25, 50, 1000, 1);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arcTo(50, 25, 100, 25, 1);
-ctx.stroke();
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arcTo(50, 25, 100, 25, 1);
+ ctx.stroke();
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.coincide.2.html b/html/canvas/element/path-objects/2d.path.arcTo.coincide.2.html
index 4cabedd..d216949 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.coincide.2.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.coincide.2.html
@@ -19,17 +19,16 @@
var t = async_test("arcTo() draws a straight line to P1 if P1 = P2");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 100, 25, 1);
-ctx.stroke();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 100, 25, 1);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.collinear.1.html b/html/canvas/element/path-objects/2d.path.arcTo.collinear.1.html
index 393c7a7..e91e2e4 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.collinear.1.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.collinear.1.html
@@ -19,24 +19,23 @@
var t = async_test("arcTo() with all points on a line, and P1 between P0/P2, draws a straight line to P1");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 200, 25, 1);
-ctx.stroke();
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 200, 25, 1);
+ ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(-100, 25);
-ctx.arcTo(0, 25, 100, 25, 1);
-ctx.stroke();
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(-100, 25);
+ ctx.arcTo(0, 25, 100, 25, 1);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.collinear.2.html b/html/canvas/element/path-objects/2d.path.arcTo.collinear.2.html
index 7dc386b..97b1339 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.collinear.2.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.collinear.2.html
@@ -19,24 +19,23 @@
var t = async_test("arcTo() with all points on a line, and P2 between P0/P1, draws a straight line to P1");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 10, 25, 1);
-ctx.stroke();
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 10, 25, 1);
+ ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 110, 25, 1);
-ctx.stroke();
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 110, 25, 1);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.collinear.3.html b/html/canvas/element/path-objects/2d.path.arcTo.collinear.3.html
index 76930e5..2f4394f 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.collinear.3.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.collinear.3.html
@@ -19,29 +19,28 @@
var t = async_test("arcTo() with all points on a line, and P0 between P1/P2, draws a straight line to P1");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, -100, 25, 1);
-ctx.stroke();
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, -100, 25, 1);
+ ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 0, 25, 1);
-ctx.stroke();
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 0, 25, 1);
+ ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(-100, 25);
-ctx.arcTo(0, 25, -200, 25, 1);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(-100, 25);
+ ctx.arcTo(0, 25, -200, 25, 1);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.ensuresubpath.1.html b/html/canvas/element/path-objects/2d.path.arcTo.ensuresubpath.1.html
index 756cfe6..2781bcb 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.ensuresubpath.1.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.ensuresubpath.1.html
@@ -19,15 +19,14 @@
var t = async_test("If there is no subpath, the first control point is added (and nothing is drawn up to it)");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arcTo(100, 50, 200, 50, 0.1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arcTo(100, 50, 200, 50, 0.1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.ensuresubpath.2.html b/html/canvas/element/path-objects/2d.path.arcTo.ensuresubpath.2.html
index 18b1992..f5da07c 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.ensuresubpath.2.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.ensuresubpath.2.html
@@ -19,16 +19,15 @@
var t = async_test("If there is no subpath, the first control point is added");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arcTo(0, 25, 50, 250, 0.1); // adds (x1,y1), draws nothing
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arcTo(0, 25, 50, 250, 0.1); // adds (x1,y1), draws nothing
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.negative.html b/html/canvas/element/path-objects/2d.path.arcTo.negative.html
index 78f4fce..0091ca2 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.negative.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.negative.html
@@ -19,10 +19,9 @@
var t = async_test("arcTo() with negative radius throws an exception");
_addTest(function(canvas, ctx) {
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arcTo(0, 0, 0, 0, -1); });
-var path = new Path2D();
-assert_throws_dom("INDEX_SIZE_ERR", function() { path.arcTo(10, 10, 20, 20, -5); });
-
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arcTo(0, 0, 0, 0, -1); });
+ var path = new Path2D();
+ assert_throws_dom("INDEX_SIZE_ERR", function() { path.arcTo(10, 10, 20, 20, -5); });
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.nonfinite.html b/html/canvas/element/path-objects/2d.path.arcTo.nonfinite.html
index d05e05d..0d7be1d 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.nonfinite.html
@@ -19,56 +19,55 @@
var t = async_test("arcTo() with Infinity/NaN is ignored");
_addTest(function(canvas, ctx) {
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.arcTo(Infinity, 50, 0, 50, 0);
-ctx.arcTo(-Infinity, 50, 0, 50, 0);
-ctx.arcTo(NaN, 50, 0, 50, 0);
-ctx.arcTo(0, Infinity, 0, 50, 0);
-ctx.arcTo(0, -Infinity, 0, 50, 0);
-ctx.arcTo(0, NaN, 0, 50, 0);
-ctx.arcTo(0, 50, Infinity, 50, 0);
-ctx.arcTo(0, 50, -Infinity, 50, 0);
-ctx.arcTo(0, 50, NaN, 50, 0);
-ctx.arcTo(0, 50, 0, Infinity, 0);
-ctx.arcTo(0, 50, 0, -Infinity, 0);
-ctx.arcTo(0, 50, 0, NaN, 0);
-ctx.arcTo(0, 50, 0, 50, Infinity);
-ctx.arcTo(0, 50, 0, 50, -Infinity);
-ctx.arcTo(0, 50, 0, 50, NaN);
-ctx.arcTo(Infinity, Infinity, 0, 50, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, 50, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, Infinity, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.arcTo(Infinity, Infinity, Infinity, 50, Infinity);
-ctx.arcTo(Infinity, Infinity, 0, Infinity, 0);
-ctx.arcTo(Infinity, Infinity, 0, Infinity, Infinity);
-ctx.arcTo(Infinity, Infinity, 0, 50, Infinity);
-ctx.arcTo(Infinity, 50, Infinity, 50, 0);
-ctx.arcTo(Infinity, 50, Infinity, Infinity, 0);
-ctx.arcTo(Infinity, 50, Infinity, Infinity, Infinity);
-ctx.arcTo(Infinity, 50, Infinity, 50, Infinity);
-ctx.arcTo(Infinity, 50, 0, Infinity, 0);
-ctx.arcTo(Infinity, 50, 0, Infinity, Infinity);
-ctx.arcTo(Infinity, 50, 0, 50, Infinity);
-ctx.arcTo(0, Infinity, Infinity, 50, 0);
-ctx.arcTo(0, Infinity, Infinity, Infinity, 0);
-ctx.arcTo(0, Infinity, Infinity, Infinity, Infinity);
-ctx.arcTo(0, Infinity, Infinity, 50, Infinity);
-ctx.arcTo(0, Infinity, 0, Infinity, 0);
-ctx.arcTo(0, Infinity, 0, Infinity, Infinity);
-ctx.arcTo(0, Infinity, 0, 50, Infinity);
-ctx.arcTo(0, 50, Infinity, Infinity, 0);
-ctx.arcTo(0, 50, Infinity, Infinity, Infinity);
-ctx.arcTo(0, 50, Infinity, 50, Infinity);
-ctx.arcTo(0, 50, 0, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.arcTo(Infinity, 50, 0, 50, 0);
+ ctx.arcTo(-Infinity, 50, 0, 50, 0);
+ ctx.arcTo(NaN, 50, 0, 50, 0);
+ ctx.arcTo(0, Infinity, 0, 50, 0);
+ ctx.arcTo(0, -Infinity, 0, 50, 0);
+ ctx.arcTo(0, NaN, 0, 50, 0);
+ ctx.arcTo(0, 50, Infinity, 50, 0);
+ ctx.arcTo(0, 50, -Infinity, 50, 0);
+ ctx.arcTo(0, 50, NaN, 50, 0);
+ ctx.arcTo(0, 50, 0, Infinity, 0);
+ ctx.arcTo(0, 50, 0, -Infinity, 0);
+ ctx.arcTo(0, 50, 0, NaN, 0);
+ ctx.arcTo(0, 50, 0, 50, Infinity);
+ ctx.arcTo(0, 50, 0, 50, -Infinity);
+ ctx.arcTo(0, 50, 0, 50, NaN);
+ ctx.arcTo(Infinity, Infinity, 0, 50, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, 50, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, Infinity, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.arcTo(Infinity, Infinity, Infinity, 50, Infinity);
+ ctx.arcTo(Infinity, Infinity, 0, Infinity, 0);
+ ctx.arcTo(Infinity, Infinity, 0, Infinity, Infinity);
+ ctx.arcTo(Infinity, Infinity, 0, 50, Infinity);
+ ctx.arcTo(Infinity, 50, Infinity, 50, 0);
+ ctx.arcTo(Infinity, 50, Infinity, Infinity, 0);
+ ctx.arcTo(Infinity, 50, Infinity, Infinity, Infinity);
+ ctx.arcTo(Infinity, 50, Infinity, 50, Infinity);
+ ctx.arcTo(Infinity, 50, 0, Infinity, 0);
+ ctx.arcTo(Infinity, 50, 0, Infinity, Infinity);
+ ctx.arcTo(Infinity, 50, 0, 50, Infinity);
+ ctx.arcTo(0, Infinity, Infinity, 50, 0);
+ ctx.arcTo(0, Infinity, Infinity, Infinity, 0);
+ ctx.arcTo(0, Infinity, Infinity, Infinity, Infinity);
+ ctx.arcTo(0, Infinity, Infinity, 50, Infinity);
+ ctx.arcTo(0, Infinity, 0, Infinity, 0);
+ ctx.arcTo(0, Infinity, 0, Infinity, Infinity);
+ ctx.arcTo(0, Infinity, 0, 50, Infinity);
+ ctx.arcTo(0, 50, Infinity, Infinity, 0);
+ ctx.arcTo(0, 50, Infinity, Infinity, Infinity);
+ ctx.arcTo(0, 50, Infinity, 50, Infinity);
+ ctx.arcTo(0, 50, 0, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.scale.html b/html/canvas/element/path-objects/2d.path.arcTo.scale.html
index 00d9f99..6645f05 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.scale.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.scale.html
@@ -19,28 +19,27 @@
var t = async_test("arcTo scales the curve, not just the control points");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 50);
-ctx.translate(100, 0);
-ctx.scale(0.1, 1);
-ctx.arcTo(50, 50, 50, 0, 50);
-ctx.lineTo(-1000, 0);
-ctx.fill();
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 50);
+ ctx.translate(100, 0);
+ ctx.scale(0.1, 1);
+ ctx.arcTo(50, 50, 50, 0, 50);
+ ctx.lineTo(-1000, 0);
+ ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.shape.curve1.html b/html/canvas/element/path-objects/2d.path.arcTo.shape.curve1.html
index 0caf250..4617b2c 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.shape.curve1.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.shape.curve1.html
@@ -19,41 +19,40 @@
var t = async_test("arcTo() curves in the right kind of shape");
_addTest(function(canvas, ctx) {
-var tol = 1.5; // tolerance to avoid antialiasing artifacts
+ var tol = 1.5; // tolerance to avoid antialiasing artifacts
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 10;
-ctx.beginPath();
-ctx.moveTo(10, 25);
-ctx.arcTo(75, 25, 75, 60, 20);
-ctx.stroke();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 10;
+ ctx.beginPath();
+ ctx.moveTo(10, 25);
+ ctx.arcTo(75, 25, 75, 60, 20);
+ ctx.stroke();
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.rect(10, 20, 45, 10);
-ctx.moveTo(80, 45);
-ctx.arc(55, 45, 25+tol, 0, -Math.PI/2, true);
-ctx.arc(55, 45, 15-tol, -Math.PI/2, 0, false);
-ctx.fill();
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.rect(10, 20, 45, 10);
+ ctx.moveTo(80, 45);
+ ctx.arc(55, 45, 25+tol, 0, -Math.PI/2, true);
+ ctx.arc(55, 45, 15-tol, -Math.PI/2, 0, false);
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 55,19, 0,255,0,255);
-_assertPixel(canvas, 55,20, 0,255,0,255);
-_assertPixel(canvas, 55,21, 0,255,0,255);
-_assertPixel(canvas, 64,22, 0,255,0,255);
-_assertPixel(canvas, 65,21, 0,255,0,255);
-_assertPixel(canvas, 72,28, 0,255,0,255);
-_assertPixel(canvas, 73,27, 0,255,0,255);
-_assertPixel(canvas, 78,36, 0,255,0,255);
-_assertPixel(canvas, 79,35, 0,255,0,255);
-_assertPixel(canvas, 80,44, 0,255,0,255);
-_assertPixel(canvas, 80,45, 0,255,0,255);
-_assertPixel(canvas, 80,46, 0,255,0,255);
-_assertPixel(canvas, 65,45, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 55,19, 0,255,0,255);
+ _assertPixel(canvas, 55,20, 0,255,0,255);
+ _assertPixel(canvas, 55,21, 0,255,0,255);
+ _assertPixel(canvas, 64,22, 0,255,0,255);
+ _assertPixel(canvas, 65,21, 0,255,0,255);
+ _assertPixel(canvas, 72,28, 0,255,0,255);
+ _assertPixel(canvas, 73,27, 0,255,0,255);
+ _assertPixel(canvas, 78,36, 0,255,0,255);
+ _assertPixel(canvas, 79,35, 0,255,0,255);
+ _assertPixel(canvas, 80,44, 0,255,0,255);
+ _assertPixel(canvas, 80,45, 0,255,0,255);
+ _assertPixel(canvas, 80,46, 0,255,0,255);
+ _assertPixel(canvas, 65,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.shape.curve2.html b/html/canvas/element/path-objects/2d.path.arcTo.shape.curve2.html
index 3e1677b..bcc4326 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.shape.curve2.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.shape.curve2.html
@@ -19,40 +19,39 @@
var t = async_test("arcTo() curves in the right kind of shape");
_addTest(function(canvas, ctx) {
-var tol = 1.5; // tolerance to avoid antialiasing artifacts
+ var tol = 1.5; // tolerance to avoid antialiasing artifacts
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.rect(10, 20, 45, 10);
-ctx.moveTo(80, 45);
-ctx.arc(55, 45, 25-tol, 0, -Math.PI/2, true);
-ctx.arc(55, 45, 15+tol, -Math.PI/2, 0, false);
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.rect(10, 20, 45, 10);
+ ctx.moveTo(80, 45);
+ ctx.arc(55, 45, 25-tol, 0, -Math.PI/2, true);
+ ctx.arc(55, 45, 15+tol, -Math.PI/2, 0, false);
+ ctx.fill();
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 10;
-ctx.beginPath();
-ctx.moveTo(10, 25);
-ctx.arcTo(75, 25, 75, 60, 20);
-ctx.stroke();
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 10;
+ ctx.beginPath();
+ ctx.moveTo(10, 25);
+ ctx.arcTo(75, 25, 75, 60, 20);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 55,19, 0,255,0,255);
-_assertPixel(canvas, 55,20, 0,255,0,255);
-_assertPixel(canvas, 55,21, 0,255,0,255);
-_assertPixel(canvas, 64,22, 0,255,0,255);
-_assertPixel(canvas, 65,21, 0,255,0,255);
-_assertPixel(canvas, 72,28, 0,255,0,255);
-_assertPixel(canvas, 73,27, 0,255,0,255);
-_assertPixel(canvas, 78,36, 0,255,0,255);
-_assertPixel(canvas, 79,35, 0,255,0,255);
-_assertPixel(canvas, 80,44, 0,255,0,255);
-_assertPixel(canvas, 80,45, 0,255,0,255);
-_assertPixel(canvas, 80,46, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 55,19, 0,255,0,255);
+ _assertPixel(canvas, 55,20, 0,255,0,255);
+ _assertPixel(canvas, 55,21, 0,255,0,255);
+ _assertPixel(canvas, 64,22, 0,255,0,255);
+ _assertPixel(canvas, 65,21, 0,255,0,255);
+ _assertPixel(canvas, 72,28, 0,255,0,255);
+ _assertPixel(canvas, 73,27, 0,255,0,255);
+ _assertPixel(canvas, 78,36, 0,255,0,255);
+ _assertPixel(canvas, 79,35, 0,255,0,255);
+ _assertPixel(canvas, 80,44, 0,255,0,255);
+ _assertPixel(canvas, 80,45, 0,255,0,255);
+ _assertPixel(canvas, 80,46, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.shape.end.html b/html/canvas/element/path-objects/2d.path.arcTo.shape.end.html
index 8a41dcd..829c70f 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.shape.end.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.shape.end.html
@@ -19,21 +19,20 @@
var t = async_test("arcTo() does not draw anything from P1 to P2");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(-100, -100);
-ctx.arcTo(-100, 25, 200, 25, 10);
-ctx.stroke();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(-100, -100);
+ ctx.arcTo(-100, 25, 200, 25, 10);
+ ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.shape.start.html b/html/canvas/element/path-objects/2d.path.arcTo.shape.start.html
index 1ee229e..0abeedf 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.shape.start.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.shape.start.html
@@ -19,21 +19,20 @@
var t = async_test("arcTo() draws a straight line from P0 to P1");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(200, 25, 200, 50, 10);
-ctx.stroke();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(200, 25, 200, 50, 10);
+ ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.transformation.html b/html/canvas/element/path-objects/2d.path.arcTo.transformation.html
index 32811f2..5aa8562 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.transformation.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.transformation.html
@@ -19,27 +19,26 @@
var t = async_test("arcTo joins up to the last subpath point correctly");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 50);
-ctx.translate(100, 0);
-ctx.arcTo(50, 50, 50, 0, 50);
-ctx.lineTo(-100, 0);
-ctx.fill();
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 50);
+ ctx.translate(100, 0);
+ ctx.arcTo(50, 50, 50, 0, 50);
+ ctx.lineTo(-100, 0);
+ ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.zero.1.html b/html/canvas/element/path-objects/2d.path.arcTo.zero.1.html
index 4bacbf0..bb2cc1d 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.zero.1.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.zero.1.html
@@ -19,24 +19,23 @@
var t = async_test("arcTo() with zero radius draws a straight line from P0 to P1");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 100, 100, 0);
-ctx.stroke();
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 100, 100, 0);
+ ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(0, -25);
-ctx.arcTo(50, -25, 50, 50, 0);
-ctx.stroke();
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(0, -25);
+ ctx.arcTo(50, -25, 50, 50, 0);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.arcTo.zero.2.html b/html/canvas/element/path-objects/2d.path.arcTo.zero.2.html
index 1f26b59..d2eeee5 100644
--- a/html/canvas/element/path-objects/2d.path.arcTo.zero.2.html
+++ b/html/canvas/element/path-objects/2d.path.arcTo.zero.2.html
@@ -19,24 +19,23 @@
var t = async_test("arcTo() with zero radius draws a straight line from P0 to P1, even when all points are collinear");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, -100, 25, 0);
-ctx.stroke();
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, -100, 25, 0);
+ ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 50, 25, 0);
-ctx.stroke();
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 50, 25, 0);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.beginPath.html b/html/canvas/element/path-objects/2d.path.beginPath.html
index a21282c..316f6af 100644
--- a/html/canvas/element/path-objects/2d.path.beginPath.html
+++ b/html/canvas/element/path-objects/2d.path.beginPath.html
@@ -19,14 +19,13 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.rect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.rect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.bezierCurveTo.basic.html b/html/canvas/element/path-objects/2d.path.bezierCurveTo.basic.html
index 7f90f7b..0c3d7f9 100644
--- a/html/canvas/element/path-objects/2d.path.bezierCurveTo.basic.html
+++ b/html/canvas/element/path-objects/2d.path.bezierCurveTo.basic.html
@@ -19,16 +19,15 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.bezierCurveTo(100, 25, 100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.bezierCurveTo(100, 25, 100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.html b/html/canvas/element/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.html
index 1e6f829..ebcce3f 100644
--- a/html/canvas/element/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.html
+++ b/html/canvas/element/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.html
@@ -19,16 +19,15 @@
var t = async_test("If there is no subpath, the first control point is added (and nothing is drawn up to it)");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.bezierCurveTo(100, 50, 200, 50, 200, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 95,45, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.bezierCurveTo(100, 50, 200, 50, 200, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 95,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.html b/html/canvas/element/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.html
index 875601c..c269b72 100644
--- a/html/canvas/element/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.html
+++ b/html/canvas/element/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.html
@@ -19,16 +19,15 @@
var t = async_test("If there is no subpath, the first control point is added");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.bezierCurveTo(0, 25, 100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 5,45, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.bezierCurveTo(0, 25, 100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 5,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.bezierCurveTo.nonfinite.html b/html/canvas/element/path-objects/2d.path.bezierCurveTo.nonfinite.html
index e6da7b2..6278a67 100644
--- a/html/canvas/element/path-objects/2d.path.bezierCurveTo.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.bezierCurveTo.nonfinite.html
@@ -19,90 +19,89 @@
var t = async_test("bezierCurveTo() with Infinity/NaN is ignored");
_addTest(function(canvas, ctx) {
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(-Infinity, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(NaN, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, -Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, NaN, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, -Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, NaN, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, -Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, NaN, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, -Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, NaN, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, -Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, NaN);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(-Infinity, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(NaN, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, -Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, NaN, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, -Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, NaN, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, -Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, NaN, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, -Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, NaN, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, -Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, NaN);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.bezierCurveTo.scaled.html b/html/canvas/element/path-objects/2d.path.bezierCurveTo.scaled.html
index d24b837..e7a5d8b 100644
--- a/html/canvas/element/path-objects/2d.path.bezierCurveTo.scaled.html
+++ b/html/canvas/element/path-objects/2d.path.bezierCurveTo.scaled.html
@@ -19,21 +19,20 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(1000, 1000);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 0.055;
-ctx.beginPath();
-ctx.moveTo(-2, 3.1);
-ctx.bezierCurveTo(-2, -1, 2.1, -1, 2.1, 3.1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(1000, 1000);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 0.055;
+ ctx.beginPath();
+ ctx.moveTo(-2, 3.1);
+ ctx.bezierCurveTo(-2, -1, 2.1, -1, 2.1, 3.1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.bezierCurveTo.shape.html b/html/canvas/element/path-objects/2d.path.bezierCurveTo.shape.html
index 7ebe1e3..cbc2824 100644
--- a/html/canvas/element/path-objects/2d.path.bezierCurveTo.shape.html
+++ b/html/canvas/element/path-objects/2d.path.bezierCurveTo.shape.html
@@ -19,20 +19,19 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 55;
-ctx.beginPath();
-ctx.moveTo(-2000, 3100);
-ctx.bezierCurveTo(-2000, -1000, 2100, -1000, 2100, 3100);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 55;
+ ctx.beginPath();
+ ctx.moveTo(-2000, 3100);
+ ctx.bezierCurveTo(-2000, -1000, 2100, -1000, 2100, 3100);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.clip.basic.1.html b/html/canvas/element/path-objects/2d.path.clip.basic.1.html
index c49afd4..a5515e4 100644
--- a/html/canvas/element/path-objects/2d.path.clip.basic.1.html
+++ b/html/canvas/element/path-objects/2d.path.clip.basic.1.html
@@ -19,18 +19,17 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(0, 0, 100, 50);
-ctx.clip();
+ ctx.beginPath();
+ ctx.rect(0, 0, 100, 50);
+ ctx.clip();
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.clip.basic.2.html b/html/canvas/element/path-objects/2d.path.clip.basic.2.html
index dfba3b8..27e1ad0 100644
--- a/html/canvas/element/path-objects/2d.path.clip.basic.2.html
+++ b/html/canvas/element/path-objects/2d.path.clip.basic.2.html
@@ -19,18 +19,17 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(-100, 0, 100, 50);
-ctx.clip();
+ ctx.beginPath();
+ ctx.rect(-100, 0, 100, 50);
+ ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.clip.empty.html b/html/canvas/element/path-objects/2d.path.clip.empty.html
index ba7a869..17208ad 100644
--- a/html/canvas/element/path-objects/2d.path.clip.empty.html
+++ b/html/canvas/element/path-objects/2d.path.clip.empty.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.clip();
+ ctx.beginPath();
+ ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.clip.intersect.html b/html/canvas/element/path-objects/2d.path.clip.intersect.html
index 1cdd960..c1057f2 100644
--- a/html/canvas/element/path-objects/2d.path.clip.intersect.html
+++ b/html/canvas/element/path-objects/2d.path.clip.intersect.html
@@ -19,21 +19,20 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(0, 0, 50, 50);
-ctx.clip();
-ctx.beginPath();
-ctx.rect(50, 0, 50, 50)
-ctx.clip();
+ ctx.beginPath();
+ ctx.rect(0, 0, 50, 50);
+ ctx.clip();
+ ctx.beginPath();
+ ctx.rect(50, 0, 50, 50)
+ ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.clip.unaffected.html b/html/canvas/element/path-objects/2d.path.clip.unaffected.html
index 893877f..66f0379 100644
--- a/html/canvas/element/path-objects/2d.path.clip.unaffected.html
+++ b/html/canvas/element/path-objects/2d.path.clip.unaffected.html
@@ -19,23 +19,22 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
+ ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.clip();
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.clip();
-ctx.lineTo(0, 0);
-ctx.fill();
+ ctx.lineTo(0, 0);
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.clip.winding.1.html b/html/canvas/element/path-objects/2d.path.clip.winding.1.html
index 5e8fa81..46e4db9 100644
--- a/html/canvas/element/path-objects/2d.path.clip.winding.1.html
+++ b/html/canvas/element/path-objects/2d.path.clip.winding.1.html
@@ -19,26 +19,25 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.clip();
+ ctx.beginPath();
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.clip.winding.2.html b/html/canvas/element/path-objects/2d.path.clip.winding.2.html
index ae8fd4c..9341353 100644
--- a/html/canvas/element/path-objects/2d.path.clip.winding.2.html
+++ b/html/canvas/element/path-objects/2d.path.clip.winding.2.html
@@ -19,30 +19,29 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.clip();
+ ctx.beginPath();
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.clip();
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.lineTo(0, 0);
-ctx.clip();
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(0, 0);
+ ctx.clip();
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.closePath.empty.html b/html/canvas/element/path-objects/2d.path.closePath.empty.html
index e9840f1..898cdc5 100644
--- a/html/canvas/element/path-objects/2d.path.closePath.empty.html
+++ b/html/canvas/element/path-objects/2d.path.closePath.empty.html
@@ -19,13 +19,12 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.closePath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.closePath.newline.html b/html/canvas/element/path-objects/2d.path.closePath.newline.html
index 2ad2609..07ec4b2 100644
--- a/html/canvas/element/path-objects/2d.path.closePath.newline.html
+++ b/html/canvas/element/path-objects/2d.path.closePath.newline.html
@@ -19,18 +19,17 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -100);
-ctx.lineTo(200, -100);
-ctx.lineTo(200, 25);
-ctx.closePath();
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -100);
+ ctx.lineTo(200, -100);
+ ctx.lineTo(200, 25);
+ ctx.closePath();
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.closePath.nextpoint.html b/html/canvas/element/path-objects/2d.path.closePath.nextpoint.html
index 7538af2..648d7ad 100644
--- a/html/canvas/element/path-objects/2d.path.closePath.nextpoint.html
+++ b/html/canvas/element/path-objects/2d.path.closePath.nextpoint.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -1000);
-ctx.closePath();
-ctx.lineTo(1000, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -1000);
+ ctx.closePath();
+ ctx.lineTo(1000, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.ellipse.basics.html b/html/canvas/element/path-objects/2d.path.ellipse.basics.html
index 13ba8be..d46dc31 100644
--- a/html/canvas/element/path-objects/2d.path.ellipse.basics.html
+++ b/html/canvas/element/path-objects/2d.path.ellipse.basics.html
@@ -19,14 +19,13 @@
var t = async_test("Verify canvas throws error when drawing ellipse with negative radii.");
_addTest(function(canvas, ctx) {
-ctx.ellipse(10, 10, 10, 5, 0, 0, 1, false);
-ctx.ellipse(10, 10, 10, 0, 0, 0, 1, false);
-ctx.ellipse(10, 10, -0, 5, 0, 0, 1, false);
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.ellipse(10, 10, -2, 5, 0, 0, 1, false); });
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.ellipse(10, 10, 0, -1.5, 0, 0, 1, false); });
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.ellipse(10, 10, -2, -5, 0, 0, 1, false); });
-ctx.ellipse(80, 0, 10, 4294967277, Math.PI / -84, -Math.PI / 2147483436, false);
-
+ ctx.ellipse(10, 10, 10, 5, 0, 0, 1, false);
+ ctx.ellipse(10, 10, 10, 0, 0, 0, 1, false);
+ ctx.ellipse(10, 10, -0, 5, 0, 0, 1, false);
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.ellipse(10, 10, -2, 5, 0, 0, 1, false); });
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.ellipse(10, 10, 0, -1.5, 0, 0, 1, false); });
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.ellipse(10, 10, -2, -5, 0, 0, 1, false); });
+ ctx.ellipse(80, 0, 10, 4294967277, Math.PI / -84, -Math.PI / 2147483436, false);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.fill.closed.basic.html b/html/canvas/element/path-objects/2d.path.fill.closed.basic.html
index 890c15c..010dbf4 100644
--- a/html/canvas/element/path-objects/2d.path.fill.closed.basic.html
+++ b/html/canvas/element/path-objects/2d.path.fill.closed.basic.html
@@ -19,18 +19,17 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fill();
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.fill.closed.unaffected.html b/html/canvas/element/path-objects/2d.path.fill.closed.unaffected.html
index bd42e95..e00a6c8 100644
--- a/html/canvas/element/path-objects/2d.path.fill.closed.unaffected.html
+++ b/html/canvas/element/path-objects/2d.path.fill.closed.unaffected.html
@@ -19,21 +19,20 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#00f';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#00f';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.fillStyle = '#f00';
-ctx.fill();
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-_assertPixel(canvas, 90,10, 0,255,0,255);
-_assertPixel(canvas, 10,40, 0,255,0,255);
-
+ _assertPixel(canvas, 90,10, 0,255,0,255);
+ _assertPixel(canvas, 10,40, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.fill.overlap.html b/html/canvas/element/path-objects/2d.path.fill.overlap.html
index eb50ac6..08782ed 100644
--- a/html/canvas/element/path-objects/2d.path.fill.overlap.html
+++ b/html/canvas/element/path-objects/2d.path.fill.overlap.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#000';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#000';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
-ctx.rect(0, 0, 100, 50);
-ctx.closePath();
-ctx.rect(10, 10, 80, 30);
-ctx.fill();
+ ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
+ ctx.rect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.rect(10, 10, 80, 30);
+ ctx.fill();
-_assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
-
+ _assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.fill.winding.add.html b/html/canvas/element/path-objects/2d.path.fill.winding.add.html
index 5fbcd65..ef9a2a0 100644
--- a/html/canvas/element/path-objects/2d.path.fill.winding.add.html
+++ b/html/canvas/element/path-objects/2d.path.fill.winding.add.html
@@ -19,23 +19,22 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fill();
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.fill.winding.subtract.1.html b/html/canvas/element/path-objects/2d.path.fill.winding.subtract.1.html
index 963e5d3..eecf019 100644
--- a/html/canvas/element/path-objects/2d.path.fill.winding.subtract.1.html
+++ b/html/canvas/element/path-objects/2d.path.fill.winding.subtract.1.html
@@ -19,23 +19,22 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.fill.winding.subtract.2.html b/html/canvas/element/path-objects/2d.path.fill.winding.subtract.2.html
index 305d628..cf8b6a6 100644
--- a/html/canvas/element/path-objects/2d.path.fill.winding.subtract.2.html
+++ b/html/canvas/element/path-objects/2d.path.fill.winding.subtract.2.html
@@ -19,22 +19,21 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.fill.winding.subtract.3.html b/html/canvas/element/path-objects/2d.path.fill.winding.subtract.3.html
index 4bda1bd..e056e33 100644
--- a/html/canvas/element/path-objects/2d.path.fill.winding.subtract.3.html
+++ b/html/canvas/element/path-objects/2d.path.fill.winding.subtract.3.html
@@ -19,28 +19,27 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(-20, -20);
-ctx.lineTo(120, -20);
-ctx.lineTo(120, 70);
-ctx.lineTo(-20, 70);
-ctx.lineTo(-20, -20);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(-20, -20);
+ ctx.lineTo(120, -20);
+ ctx.lineTo(120, 70);
+ ctx.lineTo(-20, 70);
+ ctx.lineTo(-20, -20);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.initial.html b/html/canvas/element/path-objects/2d.path.initial.html
index ec17cc3..a3de93a 100644
--- a/html/canvas/element/path-objects/2d.path.initial.html
+++ b/html/canvas/element/path-objects/2d.path.initial.html
@@ -19,13 +19,12 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.closePath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.arc.html b/html/canvas/element/path-objects/2d.path.isPointInPath.arc.html
index ecf18422..bc4bc56 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.arc.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.arc.html
@@ -19,16 +19,15 @@
var t = async_test("isPointInPath() works on arcs");
_addTest(function(canvas, ctx) {
-ctx.arc(50, 25, 10, 0, Math.PI, false);
-_assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
-_assertSame(ctx.isPointInPath(50, 20), false, "ctx.isPointInPath(50, 20)", "false");
-_assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
-_assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
-
+ ctx.arc(50, 25, 10, 0, Math.PI, false);
+ _assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
+ _assertSame(ctx.isPointInPath(50, 20), false, "ctx.isPointInPath(50, 20)", "false");
+ _assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
+ _assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.basic.1.html b/html/canvas/element/path-objects/2d.path.isPointInPath.basic.1.html
index 09cdfd2..22562c6 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.basic.1.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.basic.1.html
@@ -19,10 +19,9 @@
var t = async_test("isPointInPath() detects whether the point is inside the path");
_addTest(function(canvas, ctx) {
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
-_assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
-
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
+ _assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.basic.2.html b/html/canvas/element/path-objects/2d.path.isPointInPath.basic.2.html
index f2bd51a..9fc1060 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.basic.2.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.basic.2.html
@@ -19,10 +19,9 @@
var t = async_test("isPointInPath() detects whether the point is inside the path");
_addTest(function(canvas, ctx) {
-ctx.rect(20, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
-
+ ctx.rect(20, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.basic.html b/html/canvas/element/path-objects/2d.path.isPointInPath.basic.html
index fc30dfe..5e3edfc 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.basic.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.basic.html
@@ -19,47 +19,46 @@
var t = async_test("Verify the winding rule in isPointInPath works for for rect path.");
_addTest(function(canvas, ctx) {
-canvas.width = 200;
-canvas.height = 200;
+ canvas.width = 200;
+ canvas.height = 200;
-// Testing default isPointInPath
-ctx.beginPath();
-ctx.rect(0, 0, 100, 100);
-ctx.rect(25, 25, 50, 50);
-_assertSame(ctx.isPointInPath(50, 50), true, "ctx.isPointInPath(50, 50)", "true");
-_assertSame(ctx.isPointInPath(NaN, 50), false, "ctx.isPointInPath(NaN, 50)", "false");
-_assertSame(ctx.isPointInPath(50, NaN), false, "ctx.isPointInPath(50, NaN)", "false");
+ // Testing default isPointInPath
+ ctx.beginPath();
+ ctx.rect(0, 0, 100, 100);
+ ctx.rect(25, 25, 50, 50);
+ _assertSame(ctx.isPointInPath(50, 50), true, "ctx.isPointInPath(50, 50)", "true");
+ _assertSame(ctx.isPointInPath(NaN, 50), false, "ctx.isPointInPath(NaN, 50)", "false");
+ _assertSame(ctx.isPointInPath(50, NaN), false, "ctx.isPointInPath(50, NaN)", "false");
-// Testing nonzero isPointInPath
-ctx.beginPath();
-ctx.rect(0, 0, 100, 100);
-ctx.rect(25, 25, 50, 50);
-_assertSame(ctx.isPointInPath(50, 50, 'nonzero'), true, "ctx.isPointInPath(50, 50, 'nonzero')", "true");
+ // Testing nonzero isPointInPath
+ ctx.beginPath();
+ ctx.rect(0, 0, 100, 100);
+ ctx.rect(25, 25, 50, 50);
+ _assertSame(ctx.isPointInPath(50, 50, 'nonzero'), true, "ctx.isPointInPath(50, 50, 'nonzero')", "true");
-// Testing evenodd isPointInPath
-ctx.beginPath();
-ctx.rect(0, 0, 100, 100);
-ctx.rect(25, 25, 50, 50);
-_assertSame(ctx.isPointInPath(50, 50, 'evenodd'), false, "ctx.isPointInPath(50, 50, 'evenodd')", "false");
+ // Testing evenodd isPointInPath
+ ctx.beginPath();
+ ctx.rect(0, 0, 100, 100);
+ ctx.rect(25, 25, 50, 50);
+ _assertSame(ctx.isPointInPath(50, 50, 'evenodd'), false, "ctx.isPointInPath(50, 50, 'evenodd')", "false");
-// Testing extremely large scale
-ctx.save();
-ctx.scale(Number.MAX_VALUE, Number.MAX_VALUE);
-ctx.beginPath();
-ctx.rect(-10, -10, 20, 20);
-_assertSame(ctx.isPointInPath(0, 0, 'nonzero'), true, "ctx.isPointInPath(0, 0, 'nonzero')", "true");
-_assertSame(ctx.isPointInPath(0, 0, 'evenodd'), true, "ctx.isPointInPath(0, 0, 'evenodd')", "true");
-ctx.restore();
+ // Testing extremely large scale
+ ctx.save();
+ ctx.scale(Number.MAX_VALUE, Number.MAX_VALUE);
+ ctx.beginPath();
+ ctx.rect(-10, -10, 20, 20);
+ _assertSame(ctx.isPointInPath(0, 0, 'nonzero'), true, "ctx.isPointInPath(0, 0, 'nonzero')", "true");
+ _assertSame(ctx.isPointInPath(0, 0, 'evenodd'), true, "ctx.isPointInPath(0, 0, 'evenodd')", "true");
+ ctx.restore();
-// Check with non-invertible ctm.
-ctx.save();
-ctx.scale(0, 0);
-ctx.beginPath();
-ctx.rect(-10, -10, 20, 20);
-_assertSame(ctx.isPointInPath(0, 0, 'nonzero'), false, "ctx.isPointInPath(0, 0, 'nonzero')", "false");
-_assertSame(ctx.isPointInPath(0, 0, 'evenodd'), false, "ctx.isPointInPath(0, 0, 'evenodd')", "false");
-ctx.restore();
-
+ // Check with non-invertible ctm.
+ ctx.save();
+ ctx.scale(0, 0);
+ ctx.beginPath();
+ ctx.rect(-10, -10, 20, 20);
+ _assertSame(ctx.isPointInPath(0, 0, 'nonzero'), false, "ctx.isPointInPath(0, 0, 'nonzero')", "false");
+ _assertSame(ctx.isPointInPath(0, 0, 'evenodd'), false, "ctx.isPointInPath(0, 0, 'evenodd')", "false");
+ ctx.restore();
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.bezier.html b/html/canvas/element/path-objects/2d.path.isPointInPath.bezier.html
index 576c4f2..b2f2d23 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.bezier.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.bezier.html
@@ -19,29 +19,28 @@
var t = async_test("isPointInPath() works on Bezier curves");
_addTest(function(canvas, ctx) {
-ctx.moveTo(25, 25);
-ctx.bezierCurveTo(50, -50, 50, 100, 75, 25);
-_assertSame(ctx.isPointInPath(25, 20), false, "ctx.isPointInPath(25, 20)", "false");
-_assertSame(ctx.isPointInPath(25, 30), false, "ctx.isPointInPath(25, 30)", "false");
-_assertSame(ctx.isPointInPath(30, 20), true, "ctx.isPointInPath(30, 20)", "true");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(40, 2), false, "ctx.isPointInPath(40, 2)", "false");
-_assertSame(ctx.isPointInPath(40, 20), true, "ctx.isPointInPath(40, 20)", "true");
-_assertSame(ctx.isPointInPath(40, 30), false, "ctx.isPointInPath(40, 30)", "false");
-_assertSame(ctx.isPointInPath(40, 47), false, "ctx.isPointInPath(40, 47)", "false");
-_assertSame(ctx.isPointInPath(45, 20), true, "ctx.isPointInPath(45, 20)", "true");
-_assertSame(ctx.isPointInPath(45, 30), false, "ctx.isPointInPath(45, 30)", "false");
-_assertSame(ctx.isPointInPath(55, 20), false, "ctx.isPointInPath(55, 20)", "false");
-_assertSame(ctx.isPointInPath(55, 30), true, "ctx.isPointInPath(55, 30)", "true");
-_assertSame(ctx.isPointInPath(60, 2), false, "ctx.isPointInPath(60, 2)", "false");
-_assertSame(ctx.isPointInPath(60, 20), false, "ctx.isPointInPath(60, 20)", "false");
-_assertSame(ctx.isPointInPath(60, 30), true, "ctx.isPointInPath(60, 30)", "true");
-_assertSame(ctx.isPointInPath(60, 47), false, "ctx.isPointInPath(60, 47)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 30), true, "ctx.isPointInPath(70, 30)", "true");
-_assertSame(ctx.isPointInPath(75, 20), false, "ctx.isPointInPath(75, 20)", "false");
-_assertSame(ctx.isPointInPath(75, 30), false, "ctx.isPointInPath(75, 30)", "false");
-
+ ctx.moveTo(25, 25);
+ ctx.bezierCurveTo(50, -50, 50, 100, 75, 25);
+ _assertSame(ctx.isPointInPath(25, 20), false, "ctx.isPointInPath(25, 20)", "false");
+ _assertSame(ctx.isPointInPath(25, 30), false, "ctx.isPointInPath(25, 30)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), true, "ctx.isPointInPath(30, 20)", "true");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(40, 2), false, "ctx.isPointInPath(40, 2)", "false");
+ _assertSame(ctx.isPointInPath(40, 20), true, "ctx.isPointInPath(40, 20)", "true");
+ _assertSame(ctx.isPointInPath(40, 30), false, "ctx.isPointInPath(40, 30)", "false");
+ _assertSame(ctx.isPointInPath(40, 47), false, "ctx.isPointInPath(40, 47)", "false");
+ _assertSame(ctx.isPointInPath(45, 20), true, "ctx.isPointInPath(45, 20)", "true");
+ _assertSame(ctx.isPointInPath(45, 30), false, "ctx.isPointInPath(45, 30)", "false");
+ _assertSame(ctx.isPointInPath(55, 20), false, "ctx.isPointInPath(55, 20)", "false");
+ _assertSame(ctx.isPointInPath(55, 30), true, "ctx.isPointInPath(55, 30)", "true");
+ _assertSame(ctx.isPointInPath(60, 2), false, "ctx.isPointInPath(60, 2)", "false");
+ _assertSame(ctx.isPointInPath(60, 20), false, "ctx.isPointInPath(60, 20)", "false");
+ _assertSame(ctx.isPointInPath(60, 30), true, "ctx.isPointInPath(60, 30)", "true");
+ _assertSame(ctx.isPointInPath(60, 47), false, "ctx.isPointInPath(60, 47)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), true, "ctx.isPointInPath(70, 30)", "true");
+ _assertSame(ctx.isPointInPath(75, 20), false, "ctx.isPointInPath(75, 20)", "false");
+ _assertSame(ctx.isPointInPath(75, 30), false, "ctx.isPointInPath(75, 30)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.bigarc.html b/html/canvas/element/path-objects/2d.path.isPointInPath.bigarc.html
index a999520..77cb495 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.bigarc.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.bigarc.html
@@ -19,16 +19,15 @@
var t = async_test("isPointInPath() works on unclosed arcs larger than 2pi");
_addTest(function(canvas, ctx) {
-ctx.arc(50, 25, 10, 0, 7, false);
-_assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
-_assertSame(ctx.isPointInPath(50, 20), true, "ctx.isPointInPath(50, 20)", "true");
-_assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
-_assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
-
+ ctx.arc(50, 25, 10, 0, 7, false);
+ _assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
+ _assertSame(ctx.isPointInPath(50, 20), true, "ctx.isPointInPath(50, 20)", "true");
+ _assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
+ _assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.edge.html b/html/canvas/element/path-objects/2d.path.isPointInPath.edge.html
index 01106f9..b00da5a 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.edge.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.edge.html
@@ -19,20 +19,19 @@
var t = async_test("isPointInPath() counts points on the path as being inside");
_addTest(function(canvas, ctx) {
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(0, 0), true, "ctx.isPointInPath(0, 0)", "true");
-_assertSame(ctx.isPointInPath(10, 0), true, "ctx.isPointInPath(10, 0)", "true");
-_assertSame(ctx.isPointInPath(20, 0), true, "ctx.isPointInPath(20, 0)", "true");
-_assertSame(ctx.isPointInPath(20, 10), true, "ctx.isPointInPath(20, 10)", "true");
-_assertSame(ctx.isPointInPath(20, 20), true, "ctx.isPointInPath(20, 20)", "true");
-_assertSame(ctx.isPointInPath(10, 20), true, "ctx.isPointInPath(10, 20)", "true");
-_assertSame(ctx.isPointInPath(0, 20), true, "ctx.isPointInPath(0, 20)", "true");
-_assertSame(ctx.isPointInPath(0, 10), true, "ctx.isPointInPath(0, 10)", "true");
-_assertSame(ctx.isPointInPath(10, -0.01), false, "ctx.isPointInPath(10, -0.01)", "false");
-_assertSame(ctx.isPointInPath(10, 20.01), false, "ctx.isPointInPath(10, 20.01)", "false");
-_assertSame(ctx.isPointInPath(-0.01, 10), false, "ctx.isPointInPath(-0.01, 10)", "false");
-_assertSame(ctx.isPointInPath(20.01, 10), false, "ctx.isPointInPath(20.01, 10)", "false");
-
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(0, 0), true, "ctx.isPointInPath(0, 0)", "true");
+ _assertSame(ctx.isPointInPath(10, 0), true, "ctx.isPointInPath(10, 0)", "true");
+ _assertSame(ctx.isPointInPath(20, 0), true, "ctx.isPointInPath(20, 0)", "true");
+ _assertSame(ctx.isPointInPath(20, 10), true, "ctx.isPointInPath(20, 10)", "true");
+ _assertSame(ctx.isPointInPath(20, 20), true, "ctx.isPointInPath(20, 20)", "true");
+ _assertSame(ctx.isPointInPath(10, 20), true, "ctx.isPointInPath(10, 20)", "true");
+ _assertSame(ctx.isPointInPath(0, 20), true, "ctx.isPointInPath(0, 20)", "true");
+ _assertSame(ctx.isPointInPath(0, 10), true, "ctx.isPointInPath(0, 10)", "true");
+ _assertSame(ctx.isPointInPath(10, -0.01), false, "ctx.isPointInPath(10, -0.01)", "false");
+ _assertSame(ctx.isPointInPath(10, 20.01), false, "ctx.isPointInPath(10, 20.01)", "false");
+ _assertSame(ctx.isPointInPath(-0.01, 10), false, "ctx.isPointInPath(-0.01, 10)", "false");
+ _assertSame(ctx.isPointInPath(20.01, 10), false, "ctx.isPointInPath(20.01, 10)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.empty.html b/html/canvas/element/path-objects/2d.path.isPointInPath.empty.html
index 5ba2370..3edfe01 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.empty.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.empty.html
@@ -19,8 +19,7 @@
var t = async_test("isPointInPath() works when there is no path");
_addTest(function(canvas, ctx) {
-_assertSame(ctx.isPointInPath(0, 0), false, "ctx.isPointInPath(0, 0)", "false");
-
+ _assertSame(ctx.isPointInPath(0, 0), false, "ctx.isPointInPath(0, 0)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.nonfinite.html b/html/canvas/element/path-objects/2d.path.isPointInPath.nonfinite.html
index 1523f4c..4ef541a 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.nonfinite.html
@@ -19,15 +19,14 @@
var t = async_test("isPointInPath() returns false for non-finite arguments");
_addTest(function(canvas, ctx) {
-ctx.rect(-100, -50, 200, 100);
-_assertSame(ctx.isPointInPath(Infinity, 0), false, "ctx.isPointInPath(Infinity, 0)", "false");
-_assertSame(ctx.isPointInPath(-Infinity, 0), false, "ctx.isPointInPath(-Infinity, 0)", "false");
-_assertSame(ctx.isPointInPath(NaN, 0), false, "ctx.isPointInPath(NaN, 0)", "false");
-_assertSame(ctx.isPointInPath(0, Infinity), false, "ctx.isPointInPath(0, Infinity)", "false");
-_assertSame(ctx.isPointInPath(0, -Infinity), false, "ctx.isPointInPath(0, -Infinity)", "false");
-_assertSame(ctx.isPointInPath(0, NaN), false, "ctx.isPointInPath(0, NaN)", "false");
-_assertSame(ctx.isPointInPath(NaN, NaN), false, "ctx.isPointInPath(NaN, NaN)", "false");
-
+ ctx.rect(-100, -50, 200, 100);
+ _assertSame(ctx.isPointInPath(Infinity, 0), false, "ctx.isPointInPath(Infinity, 0)", "false");
+ _assertSame(ctx.isPointInPath(-Infinity, 0), false, "ctx.isPointInPath(-Infinity, 0)", "false");
+ _assertSame(ctx.isPointInPath(NaN, 0), false, "ctx.isPointInPath(NaN, 0)", "false");
+ _assertSame(ctx.isPointInPath(0, Infinity), false, "ctx.isPointInPath(0, Infinity)", "false");
+ _assertSame(ctx.isPointInPath(0, -Infinity), false, "ctx.isPointInPath(0, -Infinity)", "false");
+ _assertSame(ctx.isPointInPath(0, NaN), false, "ctx.isPointInPath(0, NaN)", "false");
+ _assertSame(ctx.isPointInPath(NaN, NaN), false, "ctx.isPointInPath(NaN, NaN)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.outside.html b/html/canvas/element/path-objects/2d.path.isPointInPath.outside.html
index 4f3b38f..6431879 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.outside.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.outside.html
@@ -19,15 +19,14 @@
var t = async_test("isPointInPath() works on paths outside the canvas");
_addTest(function(canvas, ctx) {
-ctx.rect(0, -100, 20, 20);
-ctx.rect(20, -10, 20, 20);
-_assertSame(ctx.isPointInPath(10, -110), false, "ctx.isPointInPath(10, -110)", "false");
-_assertSame(ctx.isPointInPath(10, -90), true, "ctx.isPointInPath(10, -90)", "true");
-_assertSame(ctx.isPointInPath(10, -70), false, "ctx.isPointInPath(10, -70)", "false");
-_assertSame(ctx.isPointInPath(30, -20), false, "ctx.isPointInPath(30, -20)", "false");
-_assertSame(ctx.isPointInPath(30, 0), true, "ctx.isPointInPath(30, 0)", "true");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-
+ ctx.rect(0, -100, 20, 20);
+ ctx.rect(20, -10, 20, 20);
+ _assertSame(ctx.isPointInPath(10, -110), false, "ctx.isPointInPath(10, -110)", "false");
+ _assertSame(ctx.isPointInPath(10, -90), true, "ctx.isPointInPath(10, -90)", "true");
+ _assertSame(ctx.isPointInPath(10, -70), false, "ctx.isPointInPath(10, -70)", "false");
+ _assertSame(ctx.isPointInPath(30, -20), false, "ctx.isPointInPath(30, -20)", "false");
+ _assertSame(ctx.isPointInPath(30, 0), true, "ctx.isPointInPath(30, 0)", "true");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.subpath.html b/html/canvas/element/path-objects/2d.path.isPointInPath.subpath.html
index 92e25e2..5d66455 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.subpath.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.subpath.html
@@ -19,15 +19,14 @@
var t = async_test("isPointInPath() uses the current path, not just the subpath");
_addTest(function(canvas, ctx) {
-ctx.rect(0, 0, 20, 20);
-ctx.beginPath();
-ctx.rect(20, 0, 20, 20);
-ctx.closePath();
-ctx.rect(40, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
-_assertSame(ctx.isPointInPath(50, 10), true, "ctx.isPointInPath(50, 10)", "true");
-
+ ctx.rect(0, 0, 20, 20);
+ ctx.beginPath();
+ ctx.rect(20, 0, 20, 20);
+ ctx.closePath();
+ ctx.rect(40, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
+ _assertSame(ctx.isPointInPath(50, 10), true, "ctx.isPointInPath(50, 10)", "true");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.transform.1.html b/html/canvas/element/path-objects/2d.path.isPointInPath.transform.1.html
index a210993..7268c32 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.transform.1.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.transform.1.html
@@ -19,15 +19,14 @@
var t = async_test("isPointInPath() handles transformations correctly");
_addTest(function(canvas, ctx) {
-ctx.translate(50, 0);
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-
+ ctx.translate(50, 0);
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.transform.2.html b/html/canvas/element/path-objects/2d.path.isPointInPath.transform.2.html
index f74cdde..3adac7a 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.transform.2.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.transform.2.html
@@ -19,15 +19,14 @@
var t = async_test("isPointInPath() handles transformations correctly");
_addTest(function(canvas, ctx) {
-ctx.rect(50, 0, 20, 20);
-ctx.translate(50, 0);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-
+ ctx.rect(50, 0, 20, 20);
+ ctx.translate(50, 0);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.transform.3.html b/html/canvas/element/path-objects/2d.path.isPointInPath.transform.3.html
index 3469734..8769c8a 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.transform.3.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.transform.3.html
@@ -19,15 +19,14 @@
var t = async_test("isPointInPath() handles transformations correctly");
_addTest(function(canvas, ctx) {
-ctx.scale(-1, 1);
-ctx.rect(-70, 0, 20, 20);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-
+ ctx.scale(-1, 1);
+ ctx.rect(-70, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.transform.4.html b/html/canvas/element/path-objects/2d.path.isPointInPath.transform.4.html
index 94a2e15..1bcc0bc 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.transform.4.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.transform.4.html
@@ -19,13 +19,12 @@
var t = async_test("isPointInPath() handles transformations correctly");
_addTest(function(canvas, ctx) {
-ctx.translate(50, 0);
-ctx.rect(50, 0, 20, 20);
-ctx.translate(0, 50);
-_assertSame(ctx.isPointInPath(60, 10), false, "ctx.isPointInPath(60, 10)", "false");
-_assertSame(ctx.isPointInPath(110, 10), true, "ctx.isPointInPath(110, 10)", "true");
-_assertSame(ctx.isPointInPath(110, 60), false, "ctx.isPointInPath(110, 60)", "false");
-
+ ctx.translate(50, 0);
+ ctx.rect(50, 0, 20, 20);
+ ctx.translate(0, 50);
+ _assertSame(ctx.isPointInPath(60, 10), false, "ctx.isPointInPath(60, 10)", "false");
+ _assertSame(ctx.isPointInPath(110, 10), true, "ctx.isPointInPath(110, 10)", "true");
+ _assertSame(ctx.isPointInPath(110, 60), false, "ctx.isPointInPath(110, 60)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.unclosed.html b/html/canvas/element/path-objects/2d.path.isPointInPath.unclosed.html
index 41aa9c6..2e3b711 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.unclosed.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.unclosed.html
@@ -19,13 +19,12 @@
var t = async_test("isPointInPath() works on unclosed subpaths");
_addTest(function(canvas, ctx) {
-ctx.moveTo(0, 0);
-ctx.lineTo(20, 0);
-ctx.lineTo(20, 20);
-ctx.lineTo(0, 20);
-_assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
-_assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(20, 0);
+ ctx.lineTo(20, 20);
+ ctx.lineTo(0, 20);
+ _assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
+ _assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInPath.winding.html b/html/canvas/element/path-objects/2d.path.isPointInPath.winding.html
index 82c78c7..ec22570 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInPath.winding.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInPath.winding.html
@@ -19,28 +19,27 @@
var t = async_test("isPointInPath() uses the non-zero winding number rule");
_addTest(function(canvas, ctx) {
-// Create a square ring, using opposite windings to make a hole in the centre
-ctx.moveTo(0, 0);
-ctx.lineTo(50, 0);
-ctx.lineTo(50, 50);
-ctx.lineTo(0, 50);
-ctx.lineTo(0, 0);
-ctx.lineTo(10, 10);
-ctx.lineTo(10, 40);
-ctx.lineTo(40, 40);
-ctx.lineTo(40, 10);
-ctx.lineTo(10, 10);
+ // Create a square ring, using opposite windings to make a hole in the centre
+ ctx.moveTo(0, 0);
+ ctx.lineTo(50, 0);
+ ctx.lineTo(50, 50);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(10, 10);
+ ctx.lineTo(10, 40);
+ ctx.lineTo(40, 40);
+ ctx.lineTo(40, 10);
+ ctx.lineTo(10, 10);
-_assertSame(ctx.isPointInPath(5, 5), true, "ctx.isPointInPath(5, 5)", "true");
-_assertSame(ctx.isPointInPath(25, 5), true, "ctx.isPointInPath(25, 5)", "true");
-_assertSame(ctx.isPointInPath(45, 5), true, "ctx.isPointInPath(45, 5)", "true");
-_assertSame(ctx.isPointInPath(5, 25), true, "ctx.isPointInPath(5, 25)", "true");
-_assertSame(ctx.isPointInPath(25, 25), false, "ctx.isPointInPath(25, 25)", "false");
-_assertSame(ctx.isPointInPath(45, 25), true, "ctx.isPointInPath(45, 25)", "true");
-_assertSame(ctx.isPointInPath(5, 45), true, "ctx.isPointInPath(5, 45)", "true");
-_assertSame(ctx.isPointInPath(25, 45), true, "ctx.isPointInPath(25, 45)", "true");
-_assertSame(ctx.isPointInPath(45, 45), true, "ctx.isPointInPath(45, 45)", "true");
-
+ _assertSame(ctx.isPointInPath(5, 5), true, "ctx.isPointInPath(5, 5)", "true");
+ _assertSame(ctx.isPointInPath(25, 5), true, "ctx.isPointInPath(25, 5)", "true");
+ _assertSame(ctx.isPointInPath(45, 5), true, "ctx.isPointInPath(45, 5)", "true");
+ _assertSame(ctx.isPointInPath(5, 25), true, "ctx.isPointInPath(5, 25)", "true");
+ _assertSame(ctx.isPointInPath(25, 25), false, "ctx.isPointInPath(25, 25)", "false");
+ _assertSame(ctx.isPointInPath(45, 25), true, "ctx.isPointInPath(45, 25)", "true");
+ _assertSame(ctx.isPointInPath(5, 45), true, "ctx.isPointInPath(5, 45)", "true");
+ _assertSame(ctx.isPointInPath(25, 45), true, "ctx.isPointInPath(25, 45)", "true");
+ _assertSame(ctx.isPointInPath(45, 45), true, "ctx.isPointInPath(45, 45)", "true");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInStroke.scaleddashes.html b/html/canvas/element/path-objects/2d.path.isPointInStroke.scaleddashes.html
index 1d1c9ba..e27baa1 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInStroke.scaleddashes.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInStroke.scaleddashes.html
@@ -19,21 +19,20 @@
var t = async_test("isPointInStroke() should return correct results on dashed paths at high scale factors");
_addTest(function(canvas, ctx) {
-var scale = 20;
-ctx.setLineDash([10, 21.4159]); // dash from t=0 to t=10 along the circle
-ctx.scale(scale, scale);
-ctx.ellipse(6, 10, 5, 5, 0, 2*Math.PI, false);
-ctx.stroke();
+ var scale = 20;
+ ctx.setLineDash([10, 21.4159]); // dash from t=0 to t=10 along the circle
+ ctx.scale(scale, scale);
+ ctx.ellipse(6, 10, 5, 5, 0, 2*Math.PI, false);
+ ctx.stroke();
-// hit-test the beginning of the dash (t=0)
-_assertSame(ctx.isPointInStroke(11*scale, 10*scale), true, "ctx.isPointInStroke(11*scale, 10*scale)", "true");
-// hit-test the middle of the dash (t=5)
-_assertSame(ctx.isPointInStroke(8.70*scale, 14.21*scale), true, "ctx.isPointInStroke(8.70*scale, 14.21*scale)", "true");
-// hit-test the end of the dash (t=9.8)
-_assertSame(ctx.isPointInStroke(4.10*scale, 14.63*scale), true, "ctx.isPointInStroke(4.10*scale, 14.63*scale)", "true");
-// hit-test past the end of the dash (t=10.2)
-_assertSame(ctx.isPointInStroke(3.74*scale, 14.46*scale), false, "ctx.isPointInStroke(3.74*scale, 14.46*scale)", "false");
-
+ // hit-test the beginning of the dash (t=0)
+ _assertSame(ctx.isPointInStroke(11*scale, 10*scale), true, "ctx.isPointInStroke(11*scale, 10*scale)", "true");
+ // hit-test the middle of the dash (t=5)
+ _assertSame(ctx.isPointInStroke(8.70*scale, 14.21*scale), true, "ctx.isPointInStroke(8.70*scale, 14.21*scale)", "true");
+ // hit-test the end of the dash (t=9.8)
+ _assertSame(ctx.isPointInStroke(4.10*scale, 14.63*scale), true, "ctx.isPointInStroke(4.10*scale, 14.63*scale)", "true");
+ // hit-test past the end of the dash (t=10.2)
+ _assertSame(ctx.isPointInStroke(3.74*scale, 14.46*scale), false, "ctx.isPointInStroke(3.74*scale, 14.46*scale)", "false");
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInpath.invalid.html b/html/canvas/element/path-objects/2d.path.isPointInpath.invalid.html
index 3bdd8f7..301c7c4 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInpath.invalid.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInpath.invalid.html
@@ -19,32 +19,31 @@
var t = async_test("Verify isPointInPath throws exceptions with invalid inputs.");
_addTest(function(canvas, ctx) {
-canvas.width = 200;
-canvas.height = 200;
-path = new Path2D();
-path.rect(0, 0, 100, 100);
-path.rect(25, 25, 50, 50);
-// Testing invalid enumeration isPointInPath (w/ and w/o Path object');
-assert_throws_js(TypeError, function() { ctx.isPointInPath(path, 50, 50, 'gazonk'); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(50, 50, 'gazonk'); });
+ canvas.width = 200;
+ canvas.height = 200;
+ path = new Path2D();
+ path.rect(0, 0, 100, 100);
+ path.rect(25, 25, 50, 50);
+ // Testing invalid enumeration isPointInPath (w/ and w/o Path object');
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(path, 50, 50, 'gazonk'); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(50, 50, 'gazonk'); });
-// Testing invalid type isPointInPath with Path object');
-assert_throws_js(TypeError, function() { ctx.isPointInPath(null, 50, 50); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(null, 50, 50, 'nonzero'); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(null, 50, 50, 'evenodd'); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(null, 50, 50, null); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(path, 50, 50, null); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(undefined, 50, 50); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(undefined, 50, 50, 'nonzero'); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(undefined, 50, 50, 'evenodd'); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath(undefined, 50, 50, undefined); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath([], 50, 50); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath([], 50, 50, 'nonzero'); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath([], 50, 50, 'evenodd'); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath({}, 50, 50); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath({}, 50, 50, 'nonzero'); });
-assert_throws_js(TypeError, function() { ctx.isPointInPath({}, 50, 50, 'evenodd'); });
-
+ // Testing invalid type isPointInPath with Path object');
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(null, 50, 50); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(null, 50, 50, 'nonzero'); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(null, 50, 50, 'evenodd'); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(null, 50, 50, null); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(path, 50, 50, null); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(undefined, 50, 50); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(undefined, 50, 50, 'nonzero'); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(undefined, 50, 50, 'evenodd'); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath(undefined, 50, 50, undefined); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath([], 50, 50); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath([], 50, 50, 'nonzero'); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath([], 50, 50, 'evenodd'); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath({}, 50, 50); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath({}, 50, 50, 'nonzero'); });
+ assert_throws_js(TypeError, function() { ctx.isPointInPath({}, 50, 50, 'evenodd'); });
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.isPointInpath.multi.path.html b/html/canvas/element/path-objects/2d.path.isPointInpath.multi.path.html
index 38949b8..d71bd8a 100644
--- a/html/canvas/element/path-objects/2d.path.isPointInpath.multi.path.html
+++ b/html/canvas/element/path-objects/2d.path.isPointInpath.multi.path.html
@@ -19,30 +19,29 @@
var t = async_test("Verify the winding rule in isPointInPath works for path object.");
_addTest(function(canvas, ctx) {
-canvas.width = 200;
-canvas.height = 200;
+ canvas.width = 200;
+ canvas.height = 200;
-// Testing default isPointInPath with Path object');
-path = new Path2D();
-path.rect(0, 0, 100, 100);
-path.rect(25, 25, 50, 50);
-_assertSame(ctx.isPointInPath(path, 50, 50), true, "ctx.isPointInPath(path, 50, 50)", "true");
-_assertSame(ctx.isPointInPath(path, 50, 50, undefined), true, "ctx.isPointInPath(path, 50, 50, undefined)", "true");
-_assertSame(ctx.isPointInPath(path, NaN, 50), false, "ctx.isPointInPath(path, NaN, 50)", "false");
-_assertSame(ctx.isPointInPath(path, 50, NaN), false, "ctx.isPointInPath(path, 50, NaN)", "false");
+ // Testing default isPointInPath with Path object');
+ path = new Path2D();
+ path.rect(0, 0, 100, 100);
+ path.rect(25, 25, 50, 50);
+ _assertSame(ctx.isPointInPath(path, 50, 50), true, "ctx.isPointInPath(path, 50, 50)", "true");
+ _assertSame(ctx.isPointInPath(path, 50, 50, undefined), true, "ctx.isPointInPath(path, 50, 50, undefined)", "true");
+ _assertSame(ctx.isPointInPath(path, NaN, 50), false, "ctx.isPointInPath(path, NaN, 50)", "false");
+ _assertSame(ctx.isPointInPath(path, 50, NaN), false, "ctx.isPointInPath(path, 50, NaN)", "false");
-// Testing nonzero isPointInPath with Path object');
-path = new Path2D();
-path.rect(0, 0, 100, 100);
-path.rect(25, 25, 50, 50);
-_assertSame(ctx.isPointInPath(path, 50, 50, 'nonzero'), true, "ctx.isPointInPath(path, 50, 50, 'nonzero')", "true");
+ // Testing nonzero isPointInPath with Path object');
+ path = new Path2D();
+ path.rect(0, 0, 100, 100);
+ path.rect(25, 25, 50, 50);
+ _assertSame(ctx.isPointInPath(path, 50, 50, 'nonzero'), true, "ctx.isPointInPath(path, 50, 50, 'nonzero')", "true");
-// Testing evenodd isPointInPath with Path object');
-path = new Path2D();
-path.rect(0, 0, 100, 100);
-path.rect(25, 25, 50, 50);
-assert_false(ctx.isPointInPath(path, 50, 50, 'evenodd'));
-
+ // Testing evenodd isPointInPath with Path object');
+ path = new Path2D();
+ path.rect(0, 0, 100, 100);
+ path.rect(25, 25, 50, 50);
+ assert_false(ctx.isPointInPath(path, 50, 50, 'evenodd'));
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.lineTo.basic.html b/html/canvas/element/path-objects/2d.path.lineTo.basic.html
index 4a2cca3..c6f2caa 100644
--- a/html/canvas/element/path-objects/2d.path.lineTo.basic.html
+++ b/html/canvas/element/path-objects/2d.path.lineTo.basic.html
@@ -19,16 +19,15 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.lineTo.ensuresubpath.1.html b/html/canvas/element/path-objects/2d.path.lineTo.ensuresubpath.1.html
index 0fa8f1c..ada8f0c 100644
--- a/html/canvas/element/path-objects/2d.path.lineTo.ensuresubpath.1.html
+++ b/html/canvas/element/path-objects/2d.path.lineTo.ensuresubpath.1.html
@@ -19,15 +19,14 @@
var t = async_test("If there is no subpath, the point is added and nothing is drawn");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.lineTo(100, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.lineTo(100, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.lineTo.ensuresubpath.2.html b/html/canvas/element/path-objects/2d.path.lineTo.ensuresubpath.2.html
index e5b2aa3..ac1f923 100644
--- a/html/canvas/element/path-objects/2d.path.lineTo.ensuresubpath.2.html
+++ b/html/canvas/element/path-objects/2d.path.lineTo.ensuresubpath.2.html
@@ -19,16 +19,15 @@
var t = async_test("If there is no subpath, the point is added and used for subsequent drawing");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.lineTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.lineTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.lineTo.nextpoint.html b/html/canvas/element/path-objects/2d.path.lineTo.nextpoint.html
index 54b5861..f403c6b 100644
--- a/html/canvas/element/path-objects/2d.path.lineTo.nextpoint.html
+++ b/html/canvas/element/path-objects/2d.path.lineTo.nextpoint.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(-100, -100);
-ctx.lineTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(-100, -100);
+ ctx.lineTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.lineTo.nonfinite.details.html b/html/canvas/element/path-objects/2d.path.lineTo.nonfinite.details.html
index 12643d6..d7595db 100644
--- a/html/canvas/element/path-objects/2d.path.lineTo.nonfinite.details.html
+++ b/html/canvas/element/path-objects/2d.path.lineTo.nonfinite.details.html
@@ -19,12 +19,11 @@
var t = async_test("lineTo() with Infinity/NaN for first arg still converts the second arg");
_addTest(function(canvas, ctx) {
-for (var arg1 of [Infinity, -Infinity, NaN]) {
- var converted = false;
- ctx.lineTo(arg1, { valueOf: function() { converted = true; return 0; } });
- _assert(converted, "converted");
-}
-
+ for (var arg1 of [Infinity, -Infinity, NaN]) {
+ var converted = false;
+ ctx.lineTo(arg1, { valueOf: function() { converted = true; return 0; } });
+ _assert(converted, "converted");
+ }
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.lineTo.nonfinite.html b/html/canvas/element/path-objects/2d.path.lineTo.nonfinite.html
index fa3acf5..8246064 100644
--- a/html/canvas/element/path-objects/2d.path.lineTo.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.lineTo.nonfinite.html
@@ -19,22 +19,21 @@
var t = async_test("lineTo() with Infinity/NaN is ignored");
_addTest(function(canvas, ctx) {
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(Infinity, 50);
-ctx.lineTo(-Infinity, 50);
-ctx.lineTo(NaN, 50);
-ctx.lineTo(0, Infinity);
-ctx.lineTo(0, -Infinity);
-ctx.lineTo(0, NaN);
-ctx.lineTo(Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(Infinity, 50);
+ ctx.lineTo(-Infinity, 50);
+ ctx.lineTo(NaN, 50);
+ ctx.lineTo(0, Infinity);
+ ctx.lineTo(0, -Infinity);
+ ctx.lineTo(0, NaN);
+ ctx.lineTo(Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.moveTo.basic.html b/html/canvas/element/path-objects/2d.path.moveTo.basic.html
index 3ab41dc..d08d676 100644
--- a/html/canvas/element/path-objects/2d.path.moveTo.basic.html
+++ b/html/canvas/element/path-objects/2d.path.moveTo.basic.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.rect(0, 0, 10, 50);
-ctx.moveTo(100, 0);
-ctx.lineTo(10, 0);
-ctx.lineTo(10, 50);
-ctx.lineTo(100, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 90,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.rect(0, 0, 10, 50);
+ ctx.moveTo(100, 0);
+ ctx.lineTo(10, 0);
+ ctx.lineTo(10, 50);
+ ctx.lineTo(100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 90,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.moveTo.multiple.html b/html/canvas/element/path-objects/2d.path.moveTo.multiple.html
index 24307b4..384d9fb 100644
--- a/html/canvas/element/path-objects/2d.path.moveTo.multiple.html
+++ b/html/canvas/element/path-objects/2d.path.moveTo.multiple.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 25);
-ctx.moveTo(100, 25);
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.moveTo(0, 25);
+ ctx.moveTo(100, 25);
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.moveTo.newsubpath.html b/html/canvas/element/path-objects/2d.path.moveTo.newsubpath.html
index 456b753..2a3d69b 100644
--- a/html/canvas/element/path-objects/2d.path.moveTo.newsubpath.html
+++ b/html/canvas/element/path-objects/2d.path.moveTo.newsubpath.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.moveTo(100, 0);
-ctx.moveTo(100, 50);
-ctx.moveTo(0, 50);
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.moveTo(100, 0);
+ ctx.moveTo(100, 50);
+ ctx.moveTo(0, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.moveTo.nonfinite.html b/html/canvas/element/path-objects/2d.path.moveTo.nonfinite.html
index 4f61d9e..c6cd6f8 100644
--- a/html/canvas/element/path-objects/2d.path.moveTo.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.moveTo.nonfinite.html
@@ -19,21 +19,20 @@
var t = async_test("moveTo() with Infinity/NaN is ignored");
_addTest(function(canvas, ctx) {
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.moveTo(Infinity, 50);
-ctx.moveTo(-Infinity, 50);
-ctx.moveTo(NaN, 50);
-ctx.moveTo(0, Infinity);
-ctx.moveTo(0, -Infinity);
-ctx.moveTo(0, NaN);
-ctx.moveTo(Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.moveTo(Infinity, 50);
+ ctx.moveTo(-Infinity, 50);
+ ctx.moveTo(NaN, 50);
+ ctx.moveTo(0, Infinity);
+ ctx.moveTo(0, -Infinity);
+ ctx.moveTo(0, NaN);
+ ctx.moveTo(Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.basic.html b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.basic.html
index 1c2da33..ffbf039 100644
--- a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.basic.html
+++ b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.basic.html
@@ -19,16 +19,15 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.quadraticCurveTo(100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.quadraticCurveTo(100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.html b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.html
index 6c75732..f8b8b51 100644
--- a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.html
+++ b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.html
@@ -19,16 +19,15 @@
var t = async_test("If there is no subpath, the first control point is added (and nothing is drawn up to it)");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.quadraticCurveTo(100, 50, 200, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 95,45, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.quadraticCurveTo(100, 50, 200, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 95,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.html b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.html
index 8da6964..189c744 100644
--- a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.html
+++ b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.html
@@ -19,16 +19,15 @@
var t = async_test("If there is no subpath, the first control point is added");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.quadraticCurveTo(0, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 5,45, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.quadraticCurveTo(0, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 5,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.nonfinite.html b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.nonfinite.html
index 4bc7107..1488e78 100644
--- a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.nonfinite.html
@@ -19,38 +19,37 @@
var t = async_test("quadraticCurveTo() with Infinity/NaN is ignored");
_addTest(function(canvas, ctx) {
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.quadraticCurveTo(Infinity, 50, 0, 50);
-ctx.quadraticCurveTo(-Infinity, 50, 0, 50);
-ctx.quadraticCurveTo(NaN, 50, 0, 50);
-ctx.quadraticCurveTo(0, Infinity, 0, 50);
-ctx.quadraticCurveTo(0, -Infinity, 0, 50);
-ctx.quadraticCurveTo(0, NaN, 0, 50);
-ctx.quadraticCurveTo(0, 50, Infinity, 50);
-ctx.quadraticCurveTo(0, 50, -Infinity, 50);
-ctx.quadraticCurveTo(0, 50, NaN, 50);
-ctx.quadraticCurveTo(0, 50, 0, Infinity);
-ctx.quadraticCurveTo(0, 50, 0, -Infinity);
-ctx.quadraticCurveTo(0, 50, 0, NaN);
-ctx.quadraticCurveTo(Infinity, Infinity, 0, 50);
-ctx.quadraticCurveTo(Infinity, Infinity, Infinity, 50);
-ctx.quadraticCurveTo(Infinity, Infinity, Infinity, Infinity);
-ctx.quadraticCurveTo(Infinity, Infinity, 0, Infinity);
-ctx.quadraticCurveTo(Infinity, 50, Infinity, 50);
-ctx.quadraticCurveTo(Infinity, 50, Infinity, Infinity);
-ctx.quadraticCurveTo(Infinity, 50, 0, Infinity);
-ctx.quadraticCurveTo(0, Infinity, Infinity, 50);
-ctx.quadraticCurveTo(0, Infinity, Infinity, Infinity);
-ctx.quadraticCurveTo(0, Infinity, 0, Infinity);
-ctx.quadraticCurveTo(0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.quadraticCurveTo(Infinity, 50, 0, 50);
+ ctx.quadraticCurveTo(-Infinity, 50, 0, 50);
+ ctx.quadraticCurveTo(NaN, 50, 0, 50);
+ ctx.quadraticCurveTo(0, Infinity, 0, 50);
+ ctx.quadraticCurveTo(0, -Infinity, 0, 50);
+ ctx.quadraticCurveTo(0, NaN, 0, 50);
+ ctx.quadraticCurveTo(0, 50, Infinity, 50);
+ ctx.quadraticCurveTo(0, 50, -Infinity, 50);
+ ctx.quadraticCurveTo(0, 50, NaN, 50);
+ ctx.quadraticCurveTo(0, 50, 0, Infinity);
+ ctx.quadraticCurveTo(0, 50, 0, -Infinity);
+ ctx.quadraticCurveTo(0, 50, 0, NaN);
+ ctx.quadraticCurveTo(Infinity, Infinity, 0, 50);
+ ctx.quadraticCurveTo(Infinity, Infinity, Infinity, 50);
+ ctx.quadraticCurveTo(Infinity, Infinity, Infinity, Infinity);
+ ctx.quadraticCurveTo(Infinity, Infinity, 0, Infinity);
+ ctx.quadraticCurveTo(Infinity, 50, Infinity, 50);
+ ctx.quadraticCurveTo(Infinity, 50, Infinity, Infinity);
+ ctx.quadraticCurveTo(Infinity, 50, 0, Infinity);
+ ctx.quadraticCurveTo(0, Infinity, Infinity, 50);
+ ctx.quadraticCurveTo(0, Infinity, Infinity, Infinity);
+ ctx.quadraticCurveTo(0, Infinity, 0, Infinity);
+ ctx.quadraticCurveTo(0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.scaled.html b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.scaled.html
index 4b6ffaa..90973a8 100644
--- a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.scaled.html
+++ b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.scaled.html
@@ -19,21 +19,20 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(1000, 1000);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 0.055;
-ctx.beginPath();
-ctx.moveTo(-1, 1.05);
-ctx.quadraticCurveTo(0, -1, 1.2, 1.05);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(1000, 1000);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 0.055;
+ ctx.beginPath();
+ ctx.moveTo(-1, 1.05);
+ ctx.quadraticCurveTo(0, -1, 1.2, 1.05);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.shape.html b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.shape.html
index 58d35dc..23725c2 100644
--- a/html/canvas/element/path-objects/2d.path.quadraticCurveTo.shape.html
+++ b/html/canvas/element/path-objects/2d.path.quadraticCurveTo.shape.html
@@ -19,20 +19,19 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 55;
-ctx.beginPath();
-ctx.moveTo(-1000, 1050);
-ctx.quadraticCurveTo(0, -1000, 1200, 1050);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 55;
+ ctx.beginPath();
+ ctx.moveTo(-1000, 1050);
+ ctx.quadraticCurveTo(0, -1000, 1200, 1050);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.basic.html b/html/canvas/element/path-objects/2d.path.rect.basic.html
index 296800d..716cd29 100644
--- a/html/canvas/element/path-objects/2d.path.rect.basic.html
+++ b/html/canvas/element/path-objects/2d.path.rect.basic.html
@@ -19,13 +19,12 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.rect(0, 0, 100, 50);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.rect(0, 0, 100, 50);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.closed.html b/html/canvas/element/path-objects/2d.path.rect.closed.html
index 60a2377..385a88a 100644
--- a/html/canvas/element/path-objects/2d.path.rect.closed.html
+++ b/html/canvas/element/path-objects/2d.path.rect.closed.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 200;
-ctx.lineJoin = 'miter';
-ctx.rect(100, 50, 100, 100);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 200;
+ ctx.lineJoin = 'miter';
+ ctx.rect(100, 50, 100, 100);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.end.1.html b/html/canvas/element/path-objects/2d.path.rect.end.1.html
index 6f3338b..e1fd805 100644
--- a/html/canvas/element/path-objects/2d.path.rect.end.1.html
+++ b/html/canvas/element/path-objects/2d.path.rect.end.1.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.rect(200, 100, 400, 1000);
-ctx.lineTo(-2000, -1000);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.rect(200, 100, 400, 1000);
+ ctx.lineTo(-2000, -1000);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.end.2.html b/html/canvas/element/path-objects/2d.path.rect.end.2.html
index e5a1776..d30bb11 100644
--- a/html/canvas/element/path-objects/2d.path.rect.end.2.html
+++ b/html/canvas/element/path-objects/2d.path.rect.end.2.html
@@ -19,20 +19,19 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 450;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'bevel';
-ctx.rect(150, 150, 2000, 2000);
-ctx.lineTo(160, 160);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 450;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'bevel';
+ ctx.rect(150, 150, 2000, 2000);
+ ctx.lineTo(160, 160);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.negative.html b/html/canvas/element/path-objects/2d.path.rect.negative.html
index e7e5137..b917137 100644
--- a/html/canvas/element/path-objects/2d.path.rect.negative.html
+++ b/html/canvas/element/path-objects/2d.path.rect.negative.html
@@ -19,20 +19,19 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#0f0';
-ctx.rect(0, 0, 50, 25);
-ctx.rect(100, 0, -50, 25);
-ctx.rect(0, 50, 50, -25);
-ctx.rect(100, 50, -50, -25);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#0f0';
+ ctx.rect(0, 0, 50, 25);
+ ctx.rect(100, 0, -50, 25);
+ ctx.rect(0, 50, 50, -25);
+ ctx.rect(100, 50, -50, -25);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.newsubpath.html b/html/canvas/element/path-objects/2d.path.rect.newsubpath.html
index e2c5a4c..32b70ff 100644
--- a/html/canvas/element/path-objects/2d.path.rect.newsubpath.html
+++ b/html/canvas/element/path-objects/2d.path.rect.newsubpath.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-50, 25);
-ctx.rect(200, 25, 1, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-50, 25);
+ ctx.rect(200, 25, 1, 1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.nonfinite.html b/html/canvas/element/path-objects/2d.path.rect.nonfinite.html
index b8517e8..c0d245a 100644
--- a/html/canvas/element/path-objects/2d.path.rect.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.rect.nonfinite.html
@@ -19,38 +19,37 @@
var t = async_test("rect() with Infinity/NaN is ignored");
_addTest(function(canvas, ctx) {
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.rect(Infinity, 50, 1, 1);
-ctx.rect(-Infinity, 50, 1, 1);
-ctx.rect(NaN, 50, 1, 1);
-ctx.rect(0, Infinity, 1, 1);
-ctx.rect(0, -Infinity, 1, 1);
-ctx.rect(0, NaN, 1, 1);
-ctx.rect(0, 50, Infinity, 1);
-ctx.rect(0, 50, -Infinity, 1);
-ctx.rect(0, 50, NaN, 1);
-ctx.rect(0, 50, 1, Infinity);
-ctx.rect(0, 50, 1, -Infinity);
-ctx.rect(0, 50, 1, NaN);
-ctx.rect(Infinity, Infinity, 1, 1);
-ctx.rect(Infinity, Infinity, Infinity, 1);
-ctx.rect(Infinity, Infinity, Infinity, Infinity);
-ctx.rect(Infinity, Infinity, 1, Infinity);
-ctx.rect(Infinity, 50, Infinity, 1);
-ctx.rect(Infinity, 50, Infinity, Infinity);
-ctx.rect(Infinity, 50, 1, Infinity);
-ctx.rect(0, Infinity, Infinity, 1);
-ctx.rect(0, Infinity, Infinity, Infinity);
-ctx.rect(0, Infinity, 1, Infinity);
-ctx.rect(0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.rect(Infinity, 50, 1, 1);
+ ctx.rect(-Infinity, 50, 1, 1);
+ ctx.rect(NaN, 50, 1, 1);
+ ctx.rect(0, Infinity, 1, 1);
+ ctx.rect(0, -Infinity, 1, 1);
+ ctx.rect(0, NaN, 1, 1);
+ ctx.rect(0, 50, Infinity, 1);
+ ctx.rect(0, 50, -Infinity, 1);
+ ctx.rect(0, 50, NaN, 1);
+ ctx.rect(0, 50, 1, Infinity);
+ ctx.rect(0, 50, 1, -Infinity);
+ ctx.rect(0, 50, 1, NaN);
+ ctx.rect(Infinity, Infinity, 1, 1);
+ ctx.rect(Infinity, Infinity, Infinity, 1);
+ ctx.rect(Infinity, Infinity, Infinity, Infinity);
+ ctx.rect(Infinity, Infinity, 1, Infinity);
+ ctx.rect(Infinity, 50, Infinity, 1);
+ ctx.rect(Infinity, 50, Infinity, Infinity);
+ ctx.rect(Infinity, 50, 1, Infinity);
+ ctx.rect(0, Infinity, Infinity, 1);
+ ctx.rect(0, Infinity, Infinity, Infinity);
+ ctx.rect(0, Infinity, 1, Infinity);
+ ctx.rect(0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.selfintersect.html b/html/canvas/element/path-objects/2d.path.rect.selfintersect.html
index e7c73df..8ebbf0c 100644
--- a/html/canvas/element/path-objects/2d.path.rect.selfintersect.html
+++ b/html/canvas/element/path-objects/2d.path.rect.selfintersect.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 90;
-ctx.beginPath();
-ctx.rect(45, 20, 10, 10);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 90;
+ ctx.beginPath();
+ ctx.rect(45, 20, 10, 10);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.winding.html b/html/canvas/element/path-objects/2d.path.rect.winding.html
index c9547fe..d7350ef 100644
--- a/html/canvas/element/path-objects/2d.path.rect.winding.html
+++ b/html/canvas/element/path-objects/2d.path.rect.winding.html
@@ -19,20 +19,19 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.rect(0, 0, 50, 50);
-ctx.rect(100, 50, -50, -50);
-ctx.rect(0, 25, 100, -25);
-ctx.rect(100, 25, -100, 25);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.rect(0, 0, 50, 50);
+ ctx.rect(100, 50, -50, -50);
+ ctx.rect(0, 25, 100, -25);
+ ctx.rect(100, 25, -100, 25);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.zero.1.html b/html/canvas/element/path-objects/2d.path.rect.zero.1.html
index 9a210e7..c773ef6 100644
--- a/html/canvas/element/path-objects/2d.path.rect.zero.1.html
+++ b/html/canvas/element/path-objects/2d.path.rect.zero.1.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(0, 50, 100, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(0, 50, 100, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.zero.2.html b/html/canvas/element/path-objects/2d.path.rect.zero.2.html
index 0e3a7c8..5888231 100644
--- a/html/canvas/element/path-objects/2d.path.rect.zero.2.html
+++ b/html/canvas/element/path-objects/2d.path.rect.zero.2.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(50, -100, 0, 250);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(50, -100, 0, 250);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.zero.3.html b/html/canvas/element/path-objects/2d.path.rect.zero.3.html
index e92b121..c000b00 100644
--- a/html/canvas/element/path-objects/2d.path.rect.zero.3.html
+++ b/html/canvas/element/path-objects/2d.path.rect.zero.3.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(50, 25, 0, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(50, 25, 0, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.zero.4.html b/html/canvas/element/path-objects/2d.path.rect.zero.4.html
index 086ef94..bb3ecb3 100644
--- a/html/canvas/element/path-objects/2d.path.rect.zero.4.html
+++ b/html/canvas/element/path-objects/2d.path.rect.zero.4.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.rect(100, 25, 0, 0);
-ctx.lineTo(0, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.rect(100, 25, 0, 0);
+ ctx.lineTo(0, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.zero.5.html b/html/canvas/element/path-objects/2d.path.rect.zero.5.html
index 880cab5..081c753 100644
--- a/html/canvas/element/path-objects/2d.path.rect.zero.5.html
+++ b/html/canvas/element/path-objects/2d.path.rect.zero.5.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 0);
-ctx.rect(100, 25, 0, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 0);
+ ctx.rect(100, 25, 0, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.rect.zero.6.html b/html/canvas/element/path-objects/2d.path.rect.zero.6.html
index 34c9d15..dafb273 100644
--- a/html/canvas/element/path-objects/2d.path.rect.zero.6.html
+++ b/html/canvas/element/path-objects/2d.path.rect.zero.6.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.5;
-ctx.lineWidth = 200;
-ctx.beginPath();
-ctx.rect(100, 25, 1000, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.5;
+ ctx.lineWidth = 200;
+ ctx.beginPath();
+ ctx.rect(100, 25, 1000, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompoint.html
index bdcf60d..3bb890a 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompoint.html
@@ -19,36 +19,35 @@
var t = async_test("Verify that when one radius is given to roundRect(), specified as a DOMPoint, it applies to all corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
-
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompoint.single argument.html b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompoint.single argument.html
index 6e13276..96e9338 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompoint.single argument.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompoint.single argument.html
@@ -19,36 +19,35 @@
var t = async_test("Verify that when one radius is given to roundRect() as a non-array argument, specified as a DOMPoint, it applies to all corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, new DOMPoint(40, 20));
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, new DOMPoint(40, 20));
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
-
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompointinit.html
index 6186d98..1315233 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompointinit.html
@@ -19,36 +19,35 @@
var t = async_test("Verify that when one radius is given to roundRect(), specified as a DOMPointInit, applies to all corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
-
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompointinit.single.argument.html b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompointinit.single.argument.html
index 7bf91ff..f5c6d00 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompointinit.single.argument.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.dompointinit.single.argument.html
@@ -19,36 +19,35 @@
var t = async_test("Verify that when one radius is given to roundRect() as a non-array argument, specified as a DOMPointInit, applies to all corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, {x: 40, y: 20});
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, {x: 40, y: 20});
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
-
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.double.html b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.double.html
index 250bf7d..402631a 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when one radius is given to roundRect(), specified as a double, it applies to all corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.double.single.argument.html b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.double.single.argument.html
index e5e953d..ed4887c 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.1.radius.double.single.argument.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.1.radius.double.single.argument.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when one radius is given to roundRect() as a non-array argument, specified as a double, it applies to all corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, 20);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, 20);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.dompoint.html
index 699603b..00a9c14 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.dompoint.html
@@ -19,28 +19,27 @@
var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottom-right corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.dompointinit.html
index 55c06ca..e9b3a7b 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.dompointinit.html
@@ -19,28 +19,27 @@
var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left and bottom-right corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.double.html b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.double.html
index 1d38197..a2f0210 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.1.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a double, applies to the top-left and bottom-right corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.dompoint.html
index 701109d..57df30d 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.dompoint.html
@@ -19,28 +19,27 @@
var t = async_test("Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.dompointinit.html
index 409d501..5942ab7 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.dompointinit.html
@@ -19,28 +19,27 @@
var t = async_test("Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPointInit, applies to the top-right and bottom-left corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.double.html b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.double.html
index a0c458f..2390a61 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.2.radii.2.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when two radii are given to roundRect(), the second radius, specified as a double, applies to the top-right and bottom-left corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.dompoint.html
index ac4a3dd..f4fa76a 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.dompoint.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when three radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.dompointinit.html
index bdfba5d..4e7dc94 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.dompointinit.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when three radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.double.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.double.html
index 3e8931e..d7888da 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.1.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when three radii are given to roundRect(), the first radius, specified as a double, applies to the top-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.dompoint.html
index 7546120..38a8baa 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.dompoint.html
@@ -19,28 +19,27 @@
var t = async_test("Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.dompointinit.html
index d8c805c..5e867ca 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.dompointinit.html
@@ -19,28 +19,27 @@
var t = async_test("Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.double.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.double.html
index c3d722b..41edff2 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.2.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when three radii are given to roundRect(), the second radius, specified as a double, applies to the top-right and bottom-left corners.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.dompoint.html
index 1d61ce5..6d6a1a6 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.dompoint.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when three radii are given to roundRect(), the third radius, specified as a DOMPoint, applies to the bottom-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.dompointinit.html
index f1714a8..132420e 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.dompointinit.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when three radii are given to roundRect(), the third radius, specified as a DOMPointInit, applies to the bottom-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.double.html b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.double.html
index f3f5721..75a8e92 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.3.radii.3.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when three radii are given to roundRect(), the third radius, specified as a double, applies to the bottom-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.dompoint.html
index 4ecff46..b681b59 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.dompoint.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when four radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.dompointinit.html
index e5b1fee..e554289 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.dompointinit.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when four radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.double.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.double.html
index 7c22f24..028effa 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.1.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when four radii are given to roundRect(), the first radius, specified as a double, applies to the top-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.dompoint.html
index f897a72..d3c16eb 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.dompoint.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when four radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.dompointinit.html
index 826befa..ab5ad3f 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.dompointinit.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when four radii are given to roundRect(), the second radius, specified as a DOMPointInit, applies to the top-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.double.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.double.html
index a0db8fa..ec229e3 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.2.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when four radii are given to roundRect(), the second radius, specified as a double, applies to the top-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.dompoint.html
index ac4f079..5367543 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.dompoint.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when four radii are given to roundRect(), the third radius, specified as a DOMPoint, applies to the bottom-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.dompointinit.html
index b902fb9..89df524 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.dompointinit.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when four radii are given to roundRect(), the third radius, specified as a DOMPointInit, applies to the bottom-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.double.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.double.html
index d69e2da..22ba747 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.3.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when four radii are given to roundRect(), the third radius, specified as a double, applies to the bottom-right corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.dompoint.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.dompoint.html
index f660fda..b15c291 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.dompoint.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.dompoint.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when four radii are given to roundRect(), the fourth radius, specified as a DOMPoint, applies to the bottom-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.dompointinit.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.dompointinit.html
index 0764d3e..d9b03a1 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.dompointinit.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.dompointinit.html
@@ -19,23 +19,22 @@
var t = async_test("Verify that when four radii are given to roundRect(), the fourth radius, specified as a DOMPointInit, applies to the bottom-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.double.html b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.double.html
index 7a2cd95..62ccf85 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.double.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.4.radii.4.double.html
@@ -19,16 +19,15 @@
var t = async_test("Verify that when four radii are given to roundRect(), the fourth radius, specified as a double, applies to the bottom-left corner.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.badinput.html b/html/canvas/element/path-objects/2d.path.roundrect.badinput.html
index d18e99b..39e1d0c 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.badinput.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.badinput.html
@@ -19,15 +19,14 @@
var t = async_test("roundRect() throws or does not throw errors given the strange inputs.");
_addTest(function(canvas, ctx) {
-ctx.roundRect(0, 0, 100, 100, { foo: "bar" }); //=> DOMPointInit
-ctx.roundRect(0, 0, 100, 100, undefined); //=> "missing" -> 0
-ctx.roundRect(0, 0, 100, 100, [[]]); //=> « DOMPointInit »
-ctx.roundRect(0, 0, 100, 100, [[25]]); //=> « DOMPointInit »
-ctx.roundRect(0, 0, 100, 100, [undefined]); //=> « DOMPointInit »
-assert_throws_js(TypeError, function() { ctx.roundRect(0, 0, 100, 100, 0n); });
-assert_throws_js(TypeError, function() { ctx.roundRect(0, 0, 100, 100, { x: 0n }); });
-assert_throws_js(TypeError, function() { ctx.roundRect(0, 0, 100, 100, [{ x: 0n }]); });
-
+ ctx.roundRect(0, 0, 100, 100, { foo: "bar" }); //=> DOMPointInit
+ ctx.roundRect(0, 0, 100, 100, undefined); //=> "missing" -> 0
+ ctx.roundRect(0, 0, 100, 100, [[]]); //=> « DOMPointInit »
+ ctx.roundRect(0, 0, 100, 100, [[25]]); //=> « DOMPointInit »
+ ctx.roundRect(0, 0, 100, 100, [undefined]); //=> « DOMPointInit »
+ assert_throws_js(TypeError, function() { ctx.roundRect(0, 0, 100, 100, 0n); });
+ assert_throws_js(TypeError, function() { ctx.roundRect(0, 0, 100, 100, { x: 0n }); });
+ assert_throws_js(TypeError, function() { ctx.roundRect(0, 0, 100, 100, [{ x: 0n }]); });
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.closed.html b/html/canvas/element/path-objects/2d.path.roundrect.closed.html
index 40756e5..89aeb3b 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.closed.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.closed.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 200;
-ctx.lineJoin = 'miter';
-ctx.roundRect(100, 50, 100, 100, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 200;
+ ctx.lineJoin = 'miter';
+ ctx.roundRect(100, 50, 100, 100, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.end.1.html b/html/canvas/element/path-objects/2d.path.roundrect.end.1.html
index 10ab8c1..be98ce5 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.end.1.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.end.1.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.roundRect(200, 100, 400, 1000, [0]);
-ctx.lineTo(-2000, -1000);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.roundRect(200, 100, 400, 1000, [0]);
+ ctx.lineTo(-2000, -1000);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.end.2.html b/html/canvas/element/path-objects/2d.path.roundrect.end.2.html
index 3b95d1c..16131ad 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.end.2.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.end.2.html
@@ -19,20 +19,19 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 450;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'bevel';
-ctx.roundRect(150, 150, 2000, 2000, [0]);
-ctx.lineTo(160, 160);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 450;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'bevel';
+ ctx.roundRect(150, 150, 2000, 2000, [0]);
+ ctx.lineTo(160, 160);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.end.3.html b/html/canvas/element/path-objects/2d.path.roundrect.end.3.html
index 48fc498..f945408 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.end.3.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.end.3.html
@@ -19,18 +19,17 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.roundRect(101, 51, 2000, 2000, [500, 500, 500, 500]);
-ctx.lineTo(-1, -1);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.roundRect(101, 51, 2000, 2000, [500, 500, 500, 500]);
+ ctx.lineTo(-1, -1);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.end.4.html b/html/canvas/element/path-objects/2d.path.roundrect.end.4.html
index 4b70fbc..52d49c3 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.end.4.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.end.4.html
@@ -19,18 +19,17 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 10;
-ctx.roundRect(-1, -1, 2000, 2000, [1000, 1000, 1000, 1000]);
-ctx.lineTo(-150, -150);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 10;
+ ctx.roundRect(-1, -1, 2000, 2000, [1000, 1000, 1000, 1000]);
+ ctx.lineTo(-150, -150);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.negative.html b/html/canvas/element/path-objects/2d.path.roundrect.negative.html
index 81ffe8c..66e1172 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.negative.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.negative.html
@@ -19,26 +19,25 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#0f0';
-ctx.roundRect(0, 0, 50, 25, [10, 0, 0, 0]);
-ctx.roundRect(100, 0, -50, 25, [10, 0, 0, 0]);
-ctx.roundRect(0, 50, 50, -25, [10, 0, 0, 0]);
-ctx.roundRect(100, 50, -50, -25, [10, 0, 0, 0]);
-ctx.fill();
-// All rects drawn
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-// Correct corners are rounded.
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#0f0';
+ ctx.roundRect(0, 0, 50, 25, [10, 0, 0, 0]);
+ ctx.roundRect(100, 0, -50, 25, [10, 0, 0, 0]);
+ ctx.roundRect(0, 50, 50, -25, [10, 0, 0, 0]);
+ ctx.roundRect(100, 50, -50, -25, [10, 0, 0, 0]);
+ ctx.fill();
+ // All rects drawn
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ // Correct corners are rounded.
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.newsubpath.html b/html/canvas/element/path-objects/2d.path.roundrect.newsubpath.html
index 892ef6e..df3990a 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.newsubpath.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.newsubpath.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-50, 25);
-ctx.roundRect(200, 25, 1, 1, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-50, 25);
+ ctx.roundRect(200, 25, 1, 1, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.nonfinite.html b/html/canvas/element/path-objects/2d.path.roundrect.nonfinite.html
index a047b73..5f0f0b6 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.nonfinite.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.nonfinite.html
@@ -19,97 +19,96 @@
var t = async_test("roundRect() with Infinity/NaN is ignored");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50)
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.roundRect(Infinity, 50, 1, 1, [0]);
-ctx.roundRect(-Infinity, 50, 1, 1, [0]);
-ctx.roundRect(NaN, 50, 1, 1, [0]);
-ctx.roundRect(0, Infinity, 1, 1, [0]);
-ctx.roundRect(0, -Infinity, 1, 1, [0]);
-ctx.roundRect(0, NaN, 1, 1, [0]);
-ctx.roundRect(0, 50, Infinity, 1, [0]);
-ctx.roundRect(0, 50, -Infinity, 1, [0]);
-ctx.roundRect(0, 50, NaN, 1, [0]);
-ctx.roundRect(0, 50, 1, Infinity, [0]);
-ctx.roundRect(0, 50, 1, -Infinity, [0]);
-ctx.roundRect(0, 50, 1, NaN, [0]);
-ctx.roundRect(0, 50, 1, 1, [Infinity]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,NaN]);
-ctx.roundRect(Infinity, Infinity, 1, 1, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, 1, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [Infinity]);
-ctx.roundRect(Infinity, Infinity, Infinity, 1, [Infinity]);
-ctx.roundRect(Infinity, Infinity, 1, Infinity, [0]);
-ctx.roundRect(Infinity, Infinity, 1, Infinity, [Infinity]);
-ctx.roundRect(Infinity, Infinity, 1, 1, [Infinity]);
-ctx.roundRect(Infinity, 50, Infinity, 1, [0]);
-ctx.roundRect(Infinity, 50, Infinity, Infinity, [0]);
-ctx.roundRect(Infinity, 50, Infinity, Infinity, [Infinity]);
-ctx.roundRect(Infinity, 50, Infinity, 1, [Infinity]);
-ctx.roundRect(Infinity, 50, 1, Infinity, [0]);
-ctx.roundRect(Infinity, 50, 1, Infinity, [Infinity]);
-ctx.roundRect(Infinity, 50, 1, 1, [Infinity]);
-ctx.roundRect(0, Infinity, Infinity, 1, [0]);
-ctx.roundRect(0, Infinity, Infinity, Infinity, [0]);
-ctx.roundRect(0, Infinity, Infinity, Infinity, [Infinity]);
-ctx.roundRect(0, Infinity, Infinity, 1, [Infinity]);
-ctx.roundRect(0, Infinity, 1, Infinity, [0]);
-ctx.roundRect(0, Infinity, 1, Infinity, [Infinity]);
-ctx.roundRect(0, Infinity, 1, 1, [Infinity]);
-ctx.roundRect(0, 50, Infinity, Infinity, [0]);
-ctx.roundRect(0, 50, Infinity, Infinity, [Infinity]);
-ctx.roundRect(0, 50, Infinity, 1, [Infinity]);
-ctx.roundRect(0, 50, 1, Infinity, [Infinity]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, Infinity)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, -Infinity)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, NaN)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(Infinity, 10)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(-Infinity, 10)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(NaN, 10)]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: Infinity}]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: -Infinity}]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: NaN}]);
-ctx.roundRect(0, 0, 100, 100, [{x: Infinity, y: 10}]);
-ctx.roundRect(0, 0, 100, 100, [{x: -Infinity, y: 10}]);
-ctx.roundRect(0, 0, 100, 100, [{x: NaN, y: 10}]);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50)
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.roundRect(Infinity, 50, 1, 1, [0]);
+ ctx.roundRect(-Infinity, 50, 1, 1, [0]);
+ ctx.roundRect(NaN, 50, 1, 1, [0]);
+ ctx.roundRect(0, Infinity, 1, 1, [0]);
+ ctx.roundRect(0, -Infinity, 1, 1, [0]);
+ ctx.roundRect(0, NaN, 1, 1, [0]);
+ ctx.roundRect(0, 50, Infinity, 1, [0]);
+ ctx.roundRect(0, 50, -Infinity, 1, [0]);
+ ctx.roundRect(0, 50, NaN, 1, [0]);
+ ctx.roundRect(0, 50, 1, Infinity, [0]);
+ ctx.roundRect(0, 50, 1, -Infinity, [0]);
+ ctx.roundRect(0, 50, 1, NaN, [0]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,NaN]);
+ ctx.roundRect(Infinity, Infinity, 1, 1, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, 1, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, Infinity, 1, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, 1, Infinity, [0]);
+ ctx.roundRect(Infinity, Infinity, 1, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, 1, 1, [Infinity]);
+ ctx.roundRect(Infinity, 50, Infinity, 1, [0]);
+ ctx.roundRect(Infinity, 50, Infinity, Infinity, [0]);
+ ctx.roundRect(Infinity, 50, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, 50, Infinity, 1, [Infinity]);
+ ctx.roundRect(Infinity, 50, 1, Infinity, [0]);
+ ctx.roundRect(Infinity, 50, 1, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, 50, 1, 1, [Infinity]);
+ ctx.roundRect(0, Infinity, Infinity, 1, [0]);
+ ctx.roundRect(0, Infinity, Infinity, Infinity, [0]);
+ ctx.roundRect(0, Infinity, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(0, Infinity, Infinity, 1, [Infinity]);
+ ctx.roundRect(0, Infinity, 1, Infinity, [0]);
+ ctx.roundRect(0, Infinity, 1, Infinity, [Infinity]);
+ ctx.roundRect(0, Infinity, 1, 1, [Infinity]);
+ ctx.roundRect(0, 50, Infinity, Infinity, [0]);
+ ctx.roundRect(0, 50, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(0, 50, Infinity, 1, [Infinity]);
+ ctx.roundRect(0, 50, 1, Infinity, [Infinity]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, Infinity)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, -Infinity)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, NaN)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(Infinity, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(-Infinity, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(NaN, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: Infinity}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: -Infinity}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: NaN}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: Infinity, y: 10}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: -Infinity, y: 10}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: NaN, y: 10}]);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.radius.intersecting.1.html b/html/canvas/element/path-objects/2d.path.roundrect.radius.intersecting.1.html
index e7675ba..913b17e 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.radius.intersecting.1.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.radius.intersecting.1.html
@@ -19,21 +19,20 @@
var t = async_test("Check that roundRects with intersecting corner arcs are rendered correctly.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [40, 40, 40, 40]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 2,25, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 97,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [40, 40, 40, 40]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 2,25, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 97,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.radius.intersecting.2.html b/html/canvas/element/path-objects/2d.path.roundrect.radius.intersecting.2.html
index 48140ca..abd7f86 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.radius.intersecting.2.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.radius.intersecting.2.html
@@ -19,21 +19,20 @@
var t = async_test("Check that roundRects with intersecting corner arcs are rendered correctly.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [1000, 1000, 1000, 1000]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 2,25, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 97,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [1000, 1000, 1000, 1000]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 2,25, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 97,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.radius.negative.html b/html/canvas/element/path-objects/2d.path.roundrect.radius.negative.html
index c7c0bda..ac2532d 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.radius.negative.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.radius.negative.html
@@ -19,13 +19,12 @@
var t = async_test("roundRect() with negative radius throws an exception");
_addTest(function(canvas, ctx) {
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [-1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [1, -1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(-1, 1), 1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(1, -1)])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: -1, y: 1}, 1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: 1, y: -1}])});
-
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [-1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [1, -1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(-1, 1), 1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(1, -1)])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: -1, y: 1}, 1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: 1, y: -1}])});
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.radius.noargument.html b/html/canvas/element/path-objects/2d.path.roundrect.radius.noargument.html
index e45b20b..cfaf87e 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.radius.noargument.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.radius.noargument.html
@@ -19,31 +19,30 @@
var t = async_test("Check that roundRect draws a rectangle when no radii are provided.");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(10, 10, 80, 30);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-// upper left corner (10, 10)
-_assertPixel(canvas, 10,9, 255,0,0,255);
-_assertPixel(canvas, 9,10, 255,0,0,255);
-_assertPixel(canvas, 10,10, 0,255,0,255);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(10, 10, 80, 30);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ // upper left corner (10, 10)
+ _assertPixel(canvas, 10,9, 255,0,0,255);
+ _assertPixel(canvas, 9,10, 255,0,0,255);
+ _assertPixel(canvas, 10,10, 0,255,0,255);
-// upper right corner (89, 10)
-_assertPixel(canvas, 90,10, 255,0,0,255);
-_assertPixel(canvas, 89,9, 255,0,0,255);
-_assertPixel(canvas, 89,10, 0,255,0,255);
+ // upper right corner (89, 10)
+ _assertPixel(canvas, 90,10, 255,0,0,255);
+ _assertPixel(canvas, 89,9, 255,0,0,255);
+ _assertPixel(canvas, 89,10, 0,255,0,255);
-// lower right corner (89, 39)
-_assertPixel(canvas, 89,40, 255,0,0,255);
-_assertPixel(canvas, 90,39, 255,0,0,255);
-_assertPixel(canvas, 89,39, 0,255,0,255);
+ // lower right corner (89, 39)
+ _assertPixel(canvas, 89,40, 255,0,0,255);
+ _assertPixel(canvas, 90,39, 255,0,0,255);
+ _assertPixel(canvas, 89,39, 0,255,0,255);
-// lower left corner (10, 30)
-_assertPixel(canvas, 9,39, 255,0,0,255);
-_assertPixel(canvas, 10,40, 255,0,0,255);
-_assertPixel(canvas, 10,39, 0,255,0,255);
-
+ // lower left corner (10, 30)
+ _assertPixel(canvas, 9,39, 255,0,0,255);
+ _assertPixel(canvas, 10,40, 255,0,0,255);
+ _assertPixel(canvas, 10,39, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.radius.none.html b/html/canvas/element/path-objects/2d.path.roundrect.radius.none.html
index 16a03c1..8363285 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.radius.none.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.radius.none.html
@@ -19,8 +19,7 @@
var t = async_test("Check that roundRect throws an RangeError if radii is an empty array.");
_addTest(function(canvas, ctx) {
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [])});
-
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [])});
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.radius.toomany.html b/html/canvas/element/path-objects/2d.path.roundrect.radius.toomany.html
index c6a960b..d8fe4bb 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.radius.toomany.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.radius.toomany.html
@@ -19,8 +19,7 @@
var t = async_test("Check that roundRect throws an IndeSizeError if radii has more than four items.");
_addTest(function(canvas, ctx) {
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 0, 0])});
-
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 0, 0])});
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.selfintersect.html b/html/canvas/element/path-objects/2d.path.roundrect.selfintersect.html
index d644d66..7a69aaf 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.selfintersect.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.selfintersect.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.roundRect(0, 0, 100, 50, [0]);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 90;
-ctx.beginPath();
-ctx.roundRect(45, 20, 10, 10, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.roundRect(0, 0, 100, 50, [0]);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 90;
+ ctx.beginPath();
+ ctx.roundRect(45, 20, 10, 10, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.winding.html b/html/canvas/element/path-objects/2d.path.roundrect.winding.html
index 6bcad2c..9c1f985 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.winding.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.winding.html
@@ -19,20 +19,19 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.roundRect(0, 0, 50, 50, [0]);
-ctx.roundRect(100, 50, -50, -50, [0]);
-ctx.roundRect(0, 25, 100, -25, [0]);
-ctx.roundRect(100, 25, -100, 25, [0]);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.roundRect(0, 0, 50, 50, [0]);
+ ctx.roundRect(100, 50, -50, -50, [0]);
+ ctx.roundRect(0, 25, 100, -25, [0]);
+ ctx.roundRect(100, 25, -100, 25, [0]);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.zero.1.html b/html/canvas/element/path-objects/2d.path.roundrect.zero.1.html
index 690087f..4e9a804 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.zero.1.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.zero.1.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(0, 50, 100, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(0, 50, 100, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.zero.2.html b/html/canvas/element/path-objects/2d.path.roundrect.zero.2.html
index cfeb923..ac64fa7 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.zero.2.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.zero.2.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(50, -100, 0, 250, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(50, -100, 0, 250, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.zero.3.html b/html/canvas/element/path-objects/2d.path.roundrect.zero.3.html
index 39151f3..a807715 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.zero.3.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.zero.3.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(50, 25, 0, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(50, 25, 0, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.zero.4.html b/html/canvas/element/path-objects/2d.path.roundrect.zero.4.html
index 20dccbe..fc51918 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.zero.4.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.zero.4.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.roundRect(100, 25, 0, 0, [0]);
-ctx.lineTo(0, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.roundRect(100, 25, 0, 0, [0]);
+ ctx.lineTo(0, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.zero.5.html b/html/canvas/element/path-objects/2d.path.roundrect.zero.5.html
index bcb84a5..de7d41b 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.zero.5.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.zero.5.html
@@ -19,15 +19,14 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 0);
-ctx.roundRect(100, 25, 0, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 0);
+ ctx.roundRect(100, 25, 0, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.roundrect.zero.6.html b/html/canvas/element/path-objects/2d.path.roundrect.zero.6.html
index 8295037..1e8e338 100644
--- a/html/canvas/element/path-objects/2d.path.roundrect.zero.6.html
+++ b/html/canvas/element/path-objects/2d.path.roundrect.zero.6.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.5;
-ctx.lineWidth = 200;
-ctx.beginPath();
-ctx.roundRect(100, 25, 1000, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.5;
+ ctx.lineWidth = 200;
+ ctx.beginPath();
+ ctx.roundRect(100, 25, 1000, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.empty.html b/html/canvas/element/path-objects/2d.path.stroke.empty.html
index 5a2a91b..aa459ec 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.empty.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.empty.html
@@ -19,21 +19,20 @@
var t = async_test("Empty subpaths are not stroked");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(40, 25);
-ctx.moveTo(60, 25);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(40, 25);
+ ctx.moveTo(60, 25);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.overlap.html b/html/canvas/element/path-objects/2d.path.stroke.overlap.html
index c1b425d..a577f22 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.overlap.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.overlap.html
@@ -19,19 +19,18 @@
var t = async_test("Stroked subpaths are combined before being drawn");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#000';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#000';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = 'rgba(0, 255, 0, 0.5)';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 20);
-ctx.lineTo(100, 20);
-ctx.moveTo(0, 30);
-ctx.lineTo(100, 30);
-ctx.stroke();
+ ctx.strokeStyle = 'rgba(0, 255, 0, 0.5)';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 20);
+ ctx.lineTo(100, 20);
+ ctx.moveTo(0, 30);
+ ctx.lineTo(100, 30);
+ ctx.stroke();
-_assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
-
+ _assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.prune.arc.html b/html/canvas/element/path-objects/2d.path.stroke.prune.arc.html
index abef923..6474a15 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.prune.arc.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.prune.arc.html
@@ -19,26 +19,25 @@
var t = async_test("Zero-length line segments from arcTo and arc are removed before stroking");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arcTo(50, 25, 150, 25, 10);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arcTo(50, 25, 150, 25, 10);
+ ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(60, 25);
-ctx.arc(50, 25, 10, 0, 0, false);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(60, 25);
+ ctx.arc(50, 25, 10, 0, 0, false);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.prune.closed.html b/html/canvas/element/path-objects/2d.path.stroke.prune.closed.html
index 4515669..16b4685 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.prune.closed.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.prune.closed.html
@@ -19,22 +19,21 @@
var t = async_test("Zero-length line segments from closed paths are removed before stroking");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.lineTo(50, 25);
-ctx.closePath();
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.lineTo(50, 25);
+ ctx.closePath();
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.prune.corner.html b/html/canvas/element/path-objects/2d.path.stroke.prune.corner.html
index 532c746..226fccc 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.prune.corner.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.prune.corner.html
@@ -19,24 +19,23 @@
var t = async_test("Zero-length line segments are removed before stroking with miters");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 400;
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.4;
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 400;
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.4;
-ctx.beginPath();
-ctx.moveTo(-1000, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 1000);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(-1000, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 1000);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.prune.curve.html b/html/canvas/element/path-objects/2d.path.stroke.prune.curve.html
index 6055d8b..8023b7b 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.prune.curve.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.prune.curve.html
@@ -19,26 +19,25 @@
var t = async_test("Zero-length line segments from quadraticCurveTo and bezierCurveTo are removed before stroking");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.quadraticCurveTo(50, 25, 50, 25);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.quadraticCurveTo(50, 25, 50, 25);
+ ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.bezierCurveTo(50, 25, 50, 25, 50, 25);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.bezierCurveTo(50, 25, 50, 25, 50, 25);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.prune.line.html b/html/canvas/element/path-objects/2d.path.stroke.prune.line.html
index 2d8dcbe..97f8884 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.prune.line.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.prune.line.html
@@ -19,21 +19,20 @@
var t = async_test("Zero-length line segments from lineTo are removed before stroking");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.lineTo(50, 25);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.lineTo(50, 25);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.prune.rect.html b/html/canvas/element/path-objects/2d.path.stroke.prune.rect.html
index 28b02ca..bf1fc9a 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.prune.rect.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.prune.rect.html
@@ -19,22 +19,21 @@
var t = async_test("Zero-length line segments from rect and strokeRect are removed before stroking");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.rect(50, 25, 0, 0);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.rect(50, 25, 0, 0);
+ ctx.stroke();
-ctx.strokeRect(50, 25, 0, 0);
+ ctx.strokeRect(50, 25, 0, 0);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.scale1.html b/html/canvas/element/path-objects/2d.path.stroke.scale1.html
index 29ccc66..3e4651e 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.scale1.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.scale1.html
@@ -19,35 +19,34 @@
var t = async_test("Stroke line widths are scaled by the current transformation matrix");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(25, 12.5, 50, 25);
-ctx.save();
-ctx.scale(50, 25);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
+ ctx.beginPath();
+ ctx.rect(25, 12.5, 50, 25);
+ ctx.save();
+ ctx.scale(50, 25);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
-ctx.beginPath();
-ctx.rect(-25, -12.5, 150, 75);
-ctx.save();
-ctx.scale(50, 25);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
+ ctx.beginPath();
+ ctx.rect(-25, -12.5, 150, 75);
+ ctx.save();
+ ctx.scale(50, 25);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.scale2.html b/html/canvas/element/path-objects/2d.path.stroke.scale2.html
index bc72c5c..099efec 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.scale2.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.scale2.html
@@ -19,37 +19,36 @@
var t = async_test("Stroke line widths are scaled by the current transformation matrix");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(25, 12.5, 50, 25);
-ctx.save();
-ctx.rotate(Math.PI/2);
-ctx.scale(25, 50);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
+ ctx.beginPath();
+ ctx.rect(25, 12.5, 50, 25);
+ ctx.save();
+ ctx.rotate(Math.PI/2);
+ ctx.scale(25, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
-ctx.beginPath();
-ctx.rect(-25, -12.5, 150, 75);
-ctx.save();
-ctx.rotate(Math.PI/2);
-ctx.scale(25, 50);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
+ ctx.beginPath();
+ ctx.rect(-25, -12.5, 150, 75);
+ ctx.save();
+ ctx.rotate(Math.PI/2);
+ ctx.scale(25, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.skew.html b/html/canvas/element/path-objects/2d.path.stroke.skew.html
index b902a1d..86f3eeb 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.skew.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.skew.html
@@ -19,51 +19,50 @@
var t = async_test("Strokes lines are skewed by the current transformation matrix");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.save();
-ctx.beginPath();
-ctx.moveTo(49, -50);
-ctx.lineTo(201, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 283);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
+ ctx.save();
+ ctx.beginPath();
+ ctx.moveTo(49, -50);
+ ctx.lineTo(201, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 283);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
-ctx.save();
-ctx.beginPath();
-ctx.translate(-150, 0);
-ctx.moveTo(49, -50);
-ctx.lineTo(199, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 142);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
+ ctx.save();
+ ctx.beginPath();
+ ctx.translate(-150, 0);
+ ctx.moveTo(49, -50);
+ ctx.lineTo(199, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 142);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
-ctx.save();
-ctx.beginPath();
-ctx.translate(-150, 0);
-ctx.moveTo(49, -50);
-ctx.lineTo(199, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 142);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
+ ctx.save();
+ ctx.beginPath();
+ ctx.translate(-150, 0);
+ ctx.moveTo(49, -50);
+ ctx.lineTo(199, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 142);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.unaffected.html b/html/canvas/element/path-objects/2d.path.stroke.unaffected.html
index 9b05a6a..8e6b419 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.unaffected.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.unaffected.html
@@ -19,23 +19,22 @@
var t = async_test("Stroking does not start a new path or subpath");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -100);
-ctx.lineTo(200, -100);
-ctx.lineTo(200, 25);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -100);
+ ctx.lineTo(200, -100);
+ ctx.lineTo(200, 25);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
-ctx.closePath();
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
+ ctx.closePath();
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.stroke.union.html b/html/canvas/element/path-objects/2d.path.stroke.union.html
index daa8da9..73198ab 100644
--- a/html/canvas/element/path-objects/2d.path.stroke.union.html
+++ b/html/canvas/element/path-objects/2d.path.stroke.union.html
@@ -19,19 +19,18 @@
var t = async_test("Strokes in opposite directions are unioned, not subtracted");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 40;
-ctx.moveTo(0, 10);
-ctx.lineTo(100, 10);
-ctx.moveTo(100, 40);
-ctx.lineTo(0, 40);
-ctx.stroke();
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 40;
+ ctx.moveTo(0, 10);
+ ctx.lineTo(100, 10);
+ ctx.moveTo(100, 40);
+ ctx.lineTo(0, 40);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.transformation.basic.html b/html/canvas/element/path-objects/2d.path.transformation.basic.html
index d77b66a..1cdc81e 100644
--- a/html/canvas/element/path-objects/2d.path.transformation.basic.html
+++ b/html/canvas/element/path-objects/2d.path.transformation.basic.html
@@ -19,17 +19,16 @@
var t = async_test("");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.translate(-100, 0);
-ctx.rect(100, 0, 100, 50);
-ctx.translate(0, -100);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.translate(-100, 0);
+ ctx.rect(100, 0, 100, 50);
+ ctx.translate(0, -100);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.transformation.changing.html b/html/canvas/element/path-objects/2d.path.transformation.changing.html
index 5f79285..8f711b6 100644
--- a/html/canvas/element/path-objects/2d.path.transformation.changing.html
+++ b/html/canvas/element/path-objects/2d.path.transformation.changing.html
@@ -19,23 +19,22 @@
var t = async_test("Transformations are applied while building paths, not when drawing");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(0, 0);
-ctx.translate(100, 0);
-ctx.lineTo(0, 0);
-ctx.translate(0, 50);
-ctx.lineTo(0, 0);
-ctx.translate(-100, 0);
-ctx.lineTo(0, 0);
-ctx.translate(1000, 1000);
-ctx.rotate(Math.PI/2);
-ctx.scale(0.1, 0.1);
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(0, 0);
+ ctx.translate(100, 0);
+ ctx.lineTo(0, 0);
+ ctx.translate(0, 50);
+ ctx.lineTo(0, 0);
+ ctx.translate(-100, 0);
+ ctx.lineTo(0, 0);
+ ctx.translate(1000, 1000);
+ ctx.rotate(Math.PI/2);
+ ctx.scale(0.1, 0.1);
+ ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/element/path-objects/2d.path.transformation.multiple.html b/html/canvas/element/path-objects/2d.path.transformation.multiple.html
index aafa11c..af06c06 100644
--- a/html/canvas/element/path-objects/2d.path.transformation.multiple.html
+++ b/html/canvas/element/path-objects/2d.path.transformation.multiple.html
@@ -19,28 +19,27 @@
var t = async_test("Transformations are applied while building paths, not when drawing");
_addTest(function(canvas, ctx) {
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.translate(-100, 0);
-ctx.rect(0, 0, 100, 50);
-ctx.fill();
-ctx.translate(100, 0);
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.translate(-100, 0);
+ ctx.rect(0, 0, 100, 50);
+ ctx.fill();
+ ctx.translate(100, 0);
+ ctx.fill();
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.translate(0, -50);
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-ctx.translate(0, 50);
-ctx.stroke();
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.translate(0, -50);
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ ctx.translate(0, 50);
+ ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-
+ _assertPixel(canvas, 50,25, 0,255,0,255);
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.1.html b/html/canvas/offscreen/path-objects/2d.path.arc.angle.1.html
index cf358e3..bdd2c7a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, Math.PI/2, -Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, Math.PI/2, -Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.angle.1.worker.js
index 5a1f54c..1b6a534 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, Math.PI/2, -Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, Math.PI/2, -Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.2.html b/html/canvas/offscreen/path-objects/2d.path.arc.angle.2.html
index 9b3983f..c92e83a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.2.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, -3*Math.PI/2, -Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, -3*Math.PI/2, -Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.angle.2.worker.js
index 15bf295..25598c9 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.2.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, -3*Math.PI/2, -Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, -3*Math.PI/2, -Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.3.html b/html/canvas/offscreen/path-objects/2d.path.arc.angle.3.html
index a757b31..86170ac 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.3.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, (512+1/2)*Math.PI, (1024-1)*Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, (512+1/2)*Math.PI, (1024-1)*Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.angle.3.worker.js
index 646349f..6841041 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.3.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, (512+1/2)*Math.PI, (1024-1)*Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, (512+1/2)*Math.PI, (1024-1)*Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.4.html b/html/canvas/offscreen/path-objects/2d.path.arc.angle.4.html
index b8e4d54..e694b99 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.4.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.4.html
@@ -17,21 +17,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arc(50, 25, 60, (512+1/2)*Math.PI, (1024-1)*Math.PI, false);
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arc(50, 25, 60, (512+1/2)*Math.PI, (1024-1)*Math.PI, false);
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.4.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.angle.4.worker.js
index 8fa2ef1..5021751 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.4.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.4.worker.js
@@ -13,21 +13,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arc(50, 25, 60, (512+1/2)*Math.PI, (1024-1)*Math.PI, false);
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arc(50, 25, 60, (512+1/2)*Math.PI, (1024-1)*Math.PI, false);
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.5.html b/html/canvas/offscreen/path-objects/2d.path.arc.angle.5.html
index f13a2e4..7f0d9af 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.5.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.5.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, (1024-1)*Math.PI, (512+1/2)*Math.PI, false);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, (1024-1)*Math.PI, (512+1/2)*Math.PI, false);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.5.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.angle.5.worker.js
index 50b23cd..aa2320a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.5.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.5.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, (1024-1)*Math.PI, (512+1/2)*Math.PI, false);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, (1024-1)*Math.PI, (512+1/2)*Math.PI, false);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.6.html b/html/canvas/offscreen/path-objects/2d.path.arc.angle.6.html
index 88184b8..64cf6da 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.6.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.6.html
@@ -17,21 +17,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arc(50, 25, 60, (1024-1)*Math.PI, (512+1/2)*Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arc(50, 25, 60, (1024-1)*Math.PI, (512+1/2)*Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.angle.6.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.angle.6.worker.js
index 38bd404..929db39 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.angle.6.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.angle.6.worker.js
@@ -13,21 +13,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arc(50, 25, 60, (1024-1)*Math.PI, (512+1/2)*Math.PI, true);
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arc(50, 25, 60, (1024-1)*Math.PI, (512+1/2)*Math.PI, true);
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.default.html b/html/canvas/offscreen/path-objects/2d.path.arc.default.html
index 848f20c..ee42c04 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.default.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.default.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, -Math.PI, Math.PI/2);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, -Math.PI, Math.PI/2);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.default.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.default.worker.js
index c73829a..da74713 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.default.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.default.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 0);
-ctx.arc(100, 0, 150, -Math.PI, Math.PI/2);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 0);
+ ctx.arc(100, 0, 150, -Math.PI, Math.PI/2);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.empty.html b/html/canvas/offscreen/path-objects/2d.path.arc.empty.html
index 9098b7f..2541464 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.empty.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.empty.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.empty.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.empty.worker.js
index 82281ea..9b1fbb1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.empty.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.empty.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.end.html b/html/canvas/offscreen/path-objects/2d.path.arc.end.html
index 12be27a..b845905 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.end.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.end.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(-100, 0);
-ctx.arc(-100, 0, 25, -Math.PI/2, Math.PI/2, true);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(-100, 0);
+ ctx.arc(-100, 0, 25, -Math.PI/2, Math.PI/2, true);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.end.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.end.worker.js
index a2519f0..963640a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.end.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.end.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(-100, 0);
-ctx.arc(-100, 0, 25, -Math.PI/2, Math.PI/2, true);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(-100, 0);
+ ctx.arc(-100, 0, 25, -Math.PI/2, Math.PI/2, true);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.negative.html b/html/canvas/offscreen/path-objects/2d.path.arc.negative.html
index 77f1b07..6c81b9e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.negative.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.negative.html
@@ -17,11 +17,13 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arc(0, 0, -1, 0, 0, true); });
-t.done();
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arc(0, 0, -1, 0, 0, true); });
+ var path = new Path2D();
+ assert_throws_dom("INDEX_SIZE_ERR", function() { path.arc(10, 10, -5, 0, 1, false); });
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.negative.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.negative.worker.js
index c1abffa..b48eb98 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.negative.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.negative.worker.js
@@ -13,11 +13,12 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arc(0, 0, -1, 0, 0, true); });
-t.done();
-
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arc(0, 0, -1, 0, 0, true); });
+ var path = new Path2D();
+ assert_throws_dom("INDEX_SIZE_ERR", function() { path.arc(10, 10, -5, 0, 1, false); });
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.nonempty.html b/html/canvas/offscreen/path-objects/2d.path.arc.nonempty.html
index 5429404..4d9ebe6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.nonempty.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.nonempty.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.nonempty.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.nonempty.worker.js
index 1d7de77..af6b4c9 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.nonempty.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.nonempty.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.arc.nonfinite.html
index c65af63..b347a1e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.nonfinite.html
@@ -17,61 +17,61 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.arc(Infinity, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(-Infinity, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(NaN, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(0, Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(0, -Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(0, NaN, 50, 0, 2*Math.PI, true);
-ctx.arc(0, 0, Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, 0, -Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, 0, NaN, 0, 2*Math.PI, true);
-ctx.arc(0, 0, 50, Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, 50, -Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, 50, NaN, 2*Math.PI, true);
-ctx.arc(0, 0, 50, 0, Infinity, true);
-ctx.arc(0, 0, 50, 0, -Infinity, true);
-ctx.arc(0, 0, 50, 0, NaN, true);
-ctx.arc(Infinity, Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, 0, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, Infinity, Infinity, true);
-ctx.arc(Infinity, Infinity, Infinity, 0, Infinity, true);
-ctx.arc(Infinity, Infinity, 50, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, 50, Infinity, Infinity, true);
-ctx.arc(Infinity, Infinity, 50, 0, Infinity, true);
-ctx.arc(Infinity, 0, Infinity, 0, 2*Math.PI, true);
-ctx.arc(Infinity, 0, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, 0, Infinity, Infinity, Infinity, true);
-ctx.arc(Infinity, 0, Infinity, 0, Infinity, true);
-ctx.arc(Infinity, 0, 50, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, 0, 50, Infinity, Infinity, true);
-ctx.arc(Infinity, 0, 50, 0, Infinity, true);
-ctx.arc(0, Infinity, Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, Infinity, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(0, Infinity, Infinity, Infinity, Infinity, true);
-ctx.arc(0, Infinity, Infinity, 0, Infinity, true);
-ctx.arc(0, Infinity, 50, Infinity, 2*Math.PI, true);
-ctx.arc(0, Infinity, 50, Infinity, Infinity, true);
-ctx.arc(0, Infinity, 50, 0, Infinity, true);
-ctx.arc(0, 0, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, Infinity, Infinity, Infinity, true);
-ctx.arc(0, 0, Infinity, 0, Infinity, true);
-ctx.arc(0, 0, 50, Infinity, Infinity, true);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.arc(Infinity, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(-Infinity, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(NaN, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, -Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, NaN, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, -Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, NaN, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, -Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, NaN, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, 0, Infinity, true);
+ ctx.arc(0, 0, 50, 0, -Infinity, true);
+ ctx.arc(0, 0, 50, 0, NaN, true);
+ ctx.arc(Infinity, Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, Infinity, Infinity, true);
+ ctx.arc(Infinity, Infinity, Infinity, 0, Infinity, true);
+ ctx.arc(Infinity, Infinity, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, 50, Infinity, Infinity, true);
+ ctx.arc(Infinity, Infinity, 50, 0, Infinity, true);
+ ctx.arc(Infinity, 0, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, Infinity, Infinity, Infinity, true);
+ ctx.arc(Infinity, 0, Infinity, 0, Infinity, true);
+ ctx.arc(Infinity, 0, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, 50, Infinity, Infinity, true);
+ ctx.arc(Infinity, 0, 50, 0, Infinity, true);
+ ctx.arc(0, Infinity, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, Infinity, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(0, Infinity, Infinity, Infinity, Infinity, true);
+ ctx.arc(0, Infinity, Infinity, 0, Infinity, true);
+ ctx.arc(0, Infinity, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(0, Infinity, 50, Infinity, Infinity, true);
+ ctx.arc(0, Infinity, 50, 0, Infinity, true);
+ ctx.arc(0, 0, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, Infinity, Infinity, Infinity, true);
+ ctx.arc(0, 0, Infinity, 0, Infinity, true);
+ ctx.arc(0, 0, 50, Infinity, Infinity, true);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.nonfinite.worker.js
index f83dcf1..50ff560 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.nonfinite.worker.js
@@ -13,61 +13,60 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.arc(Infinity, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(-Infinity, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(NaN, 0, 50, 0, 2*Math.PI, true);
-ctx.arc(0, Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(0, -Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(0, NaN, 50, 0, 2*Math.PI, true);
-ctx.arc(0, 0, Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, 0, -Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, 0, NaN, 0, 2*Math.PI, true);
-ctx.arc(0, 0, 50, Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, 50, -Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, 50, NaN, 2*Math.PI, true);
-ctx.arc(0, 0, 50, 0, Infinity, true);
-ctx.arc(0, 0, 50, 0, -Infinity, true);
-ctx.arc(0, 0, 50, 0, NaN, true);
-ctx.arc(Infinity, Infinity, 50, 0, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, 0, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, Infinity, Infinity, Infinity, true);
-ctx.arc(Infinity, Infinity, Infinity, 0, Infinity, true);
-ctx.arc(Infinity, Infinity, 50, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, Infinity, 50, Infinity, Infinity, true);
-ctx.arc(Infinity, Infinity, 50, 0, Infinity, true);
-ctx.arc(Infinity, 0, Infinity, 0, 2*Math.PI, true);
-ctx.arc(Infinity, 0, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, 0, Infinity, Infinity, Infinity, true);
-ctx.arc(Infinity, 0, Infinity, 0, Infinity, true);
-ctx.arc(Infinity, 0, 50, Infinity, 2*Math.PI, true);
-ctx.arc(Infinity, 0, 50, Infinity, Infinity, true);
-ctx.arc(Infinity, 0, 50, 0, Infinity, true);
-ctx.arc(0, Infinity, Infinity, 0, 2*Math.PI, true);
-ctx.arc(0, Infinity, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(0, Infinity, Infinity, Infinity, Infinity, true);
-ctx.arc(0, Infinity, Infinity, 0, Infinity, true);
-ctx.arc(0, Infinity, 50, Infinity, 2*Math.PI, true);
-ctx.arc(0, Infinity, 50, Infinity, Infinity, true);
-ctx.arc(0, Infinity, 50, 0, Infinity, true);
-ctx.arc(0, 0, Infinity, Infinity, 2*Math.PI, true);
-ctx.arc(0, 0, Infinity, Infinity, Infinity, true);
-ctx.arc(0, 0, Infinity, 0, Infinity, true);
-ctx.arc(0, 0, 50, Infinity, Infinity, true);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.arc(Infinity, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(-Infinity, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(NaN, 0, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, -Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, NaN, 50, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, -Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, NaN, 0, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, -Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, NaN, 2*Math.PI, true);
+ ctx.arc(0, 0, 50, 0, Infinity, true);
+ ctx.arc(0, 0, 50, 0, -Infinity, true);
+ ctx.arc(0, 0, 50, 0, NaN, true);
+ ctx.arc(Infinity, Infinity, 50, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, Infinity, Infinity, Infinity, true);
+ ctx.arc(Infinity, Infinity, Infinity, 0, Infinity, true);
+ ctx.arc(Infinity, Infinity, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, Infinity, 50, Infinity, Infinity, true);
+ ctx.arc(Infinity, Infinity, 50, 0, Infinity, true);
+ ctx.arc(Infinity, 0, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, Infinity, Infinity, Infinity, true);
+ ctx.arc(Infinity, 0, Infinity, 0, Infinity, true);
+ ctx.arc(Infinity, 0, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(Infinity, 0, 50, Infinity, Infinity, true);
+ ctx.arc(Infinity, 0, 50, 0, Infinity, true);
+ ctx.arc(0, Infinity, Infinity, 0, 2*Math.PI, true);
+ ctx.arc(0, Infinity, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(0, Infinity, Infinity, Infinity, Infinity, true);
+ ctx.arc(0, Infinity, Infinity, 0, Infinity, true);
+ ctx.arc(0, Infinity, 50, Infinity, 2*Math.PI, true);
+ ctx.arc(0, Infinity, 50, Infinity, Infinity, true);
+ ctx.arc(0, Infinity, 50, 0, Infinity, true);
+ ctx.arc(0, 0, Infinity, Infinity, 2*Math.PI, true);
+ ctx.arc(0, 0, Infinity, Infinity, Infinity, true);
+ ctx.arc(0, 0, Infinity, 0, Infinity, true);
+ ctx.arc(0, 0, 50, Infinity, Infinity, true);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.scale.1.html b/html/canvas/offscreen/path-objects/2d.path.arc.scale.1.html
index 3b0aed3..bf8a6f1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.scale.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.scale.1.html
@@ -17,37 +17,38 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(2, 0.5);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(25, 50, 56, 0, 2*Math.PI, false);
-ctx.fill();
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(-25, 50);
-ctx.arc(-25, 50, 24, 0, 2*Math.PI, false);
-ctx.moveTo(75, 50);
-ctx.arc(75, 50, 24, 0, 2*Math.PI, false);
-ctx.moveTo(25, -25);
-ctx.arc(25, -25, 24, 0, 2*Math.PI, false);
-ctx.moveTo(25, 125);
-ctx.arc(25, 125, 24, 0, 2*Math.PI, false);
-ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(2, 0.5);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(25, 50, 56, 0, 2*Math.PI, false);
+ ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(-25, 50);
+ ctx.arc(-25, 50, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(75, 50);
+ ctx.arc(75, 50, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(25, -25);
+ ctx.arc(25, -25, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(25, 125);
+ ctx.arc(25, 125, 24, 0, 2*Math.PI, false);
+ ctx.fill();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.scale.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.scale.1.worker.js
index ec30098..5d9619a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.scale.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.scale.1.worker.js
@@ -13,37 +13,37 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(2, 0.5);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(25, 50, 56, 0, 2*Math.PI, false);
-ctx.fill();
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(-25, 50);
-ctx.arc(-25, 50, 24, 0, 2*Math.PI, false);
-ctx.moveTo(75, 50);
-ctx.arc(75, 50, 24, 0, 2*Math.PI, false);
-ctx.moveTo(25, -25);
-ctx.arc(25, -25, 24, 0, 2*Math.PI, false);
-ctx.moveTo(25, 125);
-ctx.arc(25, 125, 24, 0, 2*Math.PI, false);
-ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(2, 0.5);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(25, 50, 56, 0, 2*Math.PI, false);
+ ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(-25, 50);
+ ctx.arc(-25, 50, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(75, 50);
+ ctx.arc(75, 50, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(25, -25);
+ ctx.arc(25, -25, 24, 0, 2*Math.PI, false);
+ ctx.moveTo(25, 125);
+ ctx.arc(25, 125, 24, 0, 2*Math.PI, false);
+ ctx.fill();
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.scale.2.html b/html/canvas/offscreen/path-objects/2d.path.arc.scale.2.html
index f6822f8..9537688 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.scale.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.scale.2.html
@@ -17,27 +17,28 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(100, 100);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 1.2;
-ctx.beginPath();
-ctx.arc(0, 0, 0.6, 0, Math.PI/2, false);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,25, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(100, 100);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 1.2;
+ ctx.beginPath();
+ ctx.arc(0, 0, 0.6, 0, Math.PI/2, false);
+ ctx.stroke();
+
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,25, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.scale.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.scale.2.worker.js
index d946f7f..c655dad 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.scale.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.scale.2.worker.js
@@ -13,27 +13,27 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(100, 100);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 1.2;
-ctx.beginPath();
-ctx.arc(0, 0, 0.6, 0, Math.PI/2, false);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,25, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(100, 100);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 1.2;
+ ctx.beginPath();
+ ctx.arc(0, 0, 0.6, 0, Math.PI/2, false);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,25, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.1.html b/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.1.html
index 9e8803a..624b307 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.1.html
@@ -17,22 +17,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 200;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(100, 50, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-ctx.beginPath();
-ctx.arc(0, 0, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 200;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(100, 50, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(0, 0, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.1.worker.js
index 84cb983..6c77dbd 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.1.worker.js
@@ -13,22 +13,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 200;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(100, 50, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-ctx.beginPath();
-ctx.arc(0, 0, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 200;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(100, 50, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(0, 0, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.2.html b/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.2.html
index f2118ef..b49aa24 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.2.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 180;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(-50, 50, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-ctx.beginPath();
-ctx.arc(100, 0, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,10, 0,255,0,255);
-_assertPixel(canvas, 97,1, 0,255,0,255);
-_assertPixel(canvas, 97,2, 0,255,0,255);
-_assertPixel(canvas, 97,3, 0,255,0,255);
-_assertPixel(canvas, 2,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 180;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(-50, 50, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(100, 0, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,10, 0,255,0,255);
+ _assertPixel(canvas, 97,1, 0,255,0,255);
+ _assertPixel(canvas, 97,2, 0,255,0,255);
+ _assertPixel(canvas, 97,3, 0,255,0,255);
+ _assertPixel(canvas, 2,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.2.worker.js
index be7f13a..2bbdacd 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.selfintersect.2.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 180;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(-50, 50, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-ctx.beginPath();
-ctx.arc(100, 0, 25, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,10, 0,255,0,255);
-_assertPixel(canvas, 97,1, 0,255,0,255);
-_assertPixel(canvas, 97,2, 0,255,0,255);
-_assertPixel(canvas, 97,3, 0,255,0,255);
-_assertPixel(canvas, 2,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 180;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(-50, 50, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(100, 0, 25, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,10, 0,255,0,255);
+ _assertPixel(canvas, 97,1, 0,255,0,255);
+ _assertPixel(canvas, 97,2, 0,255,0,255);
+ _assertPixel(canvas, 97,3, 0,255,0,255);
+ _assertPixel(canvas, 2,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.1.html b/html/canvas/offscreen/path-objects/2d.path.arc.shape.1.html
index 4224253..ceb3cb3 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.1.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(50, 50, 50, 0, Math.PI, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 20,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(50, 50, 50, 0, Math.PI, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 20,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.shape.1.worker.js
index b41863b..e1058ae 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.1.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(50, 50, 50, 0, Math.PI, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 20,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(50, 50, 50, 0, Math.PI, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 20,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.2.html b/html/canvas/offscreen/path-objects/2d.path.arc.shape.2.html
index 1e33a02..a39fd03 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.2.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 100;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(50, 50, 50, 0, Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 20,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 100;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(50, 50, 50, 0, Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 20,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.shape.2.worker.js
index d5d6cb7..d444d9b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.2.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 100;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(50, 50, 50, 0, Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 20,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 100;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(50, 50, 50, 0, Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 20,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.3.html b/html/canvas/offscreen/path-objects/2d.path.arc.shape.3.html
index b90284e..853814a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.3.html
@@ -17,22 +17,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 100;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(0, 50, 50, 0, -Math.PI/2, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 100;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(0, 50, 50, 0, -Math.PI/2, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.shape.3.worker.js
index 5d0cf80..b8008e7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.3.worker.js
@@ -13,22 +13,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 100;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(0, 50, 50, 0, -Math.PI/2, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 100;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(0, 50, 50, 0, -Math.PI/2, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.4.html b/html/canvas/offscreen/path-objects/2d.path.arc.shape.4.html
index dce9547..e622194 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.4.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.4.html
@@ -17,22 +17,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 150;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(-50, 50, 100, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 150;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(-50, 50, 100, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.4.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.shape.4.worker.js
index 8bd028b..9174641 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.4.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.4.worker.js
@@ -13,22 +13,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 150;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arc(-50, 50, 100, 0, -Math.PI/2, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 150;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arc(-50, 50, 100, 0, -Math.PI/2, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.5.html b/html/canvas/offscreen/path-objects/2d.path.arc.shape.5.html
index bd7e54a..968a1c5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.5.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.5.html
@@ -17,22 +17,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 200;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(300, 0, 100, 0, 5*Math.PI, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 200;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(300, 0, 100, 0, 5*Math.PI, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.shape.5.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.shape.5.worker.js
index 0584590..7f40e43 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.shape.5.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.shape.5.worker.js
@@ -13,22 +13,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 200;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arc(300, 0, 100, 0, 5*Math.PI, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 200;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arc(300, 0, 100, 0, 5*Math.PI, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.1.html b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.1.html
index ddf200c..ced1207 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.1.worker.js
index c56d25c..e9abf08 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.2.html b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.2.html
index 0a9e0c7..4948b10 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.2.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.2.worker.js
index 5db75de..5e9c51e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.2.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.3.html b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.3.html
index df1e454..c4036fc 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.3.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.3.worker.js
index 0c98488..ad72fbd 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.3.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.4.html b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.4.html
index 8afa122..392f00e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.4.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.4.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.4.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.4.worker.js
index 3158528..15d7992 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.twopie.4.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.twopie.4.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.zero.1.html b/html/canvas/offscreen/path-objects/2d.path.arc.zero.1.html
index f26162f..5757ab3 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.zero.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.zero.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 0, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 0, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.zero.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.zero.1.worker.js
index efb137a..5a6d35f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.zero.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.zero.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 0, true);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 0, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.zero.2.html b/html/canvas/offscreen/path-objects/2d.path.arc.zero.2.html
index f2eda4b..69f8472 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.zero.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.zero.2.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 0, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 0, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.zero.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.zero.2.worker.js
index 28f4f37..a285462 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.zero.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.zero.2.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.arc(50, 25, 50, 0, 0, false);
-ctx.stroke();
-_assertPixel(canvas, 50,20, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.arc(50, 25, 50, 0, 0, false);
+ ctx.stroke();
+ _assertPixel(canvas, 50,20, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.zeroradius.html b/html/canvas/offscreen/path-objects/2d.path.arc.zeroradius.html
index 2d56e36..7303b7d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.zeroradius.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.zeroradius.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00'
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arc(200, 25, 0, 0, Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00'
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arc(200, 25, 0, 0, Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arc.zeroradius.worker.js b/html/canvas/offscreen/path-objects/2d.path.arc.zeroradius.worker.js
index c57046a..183acc1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arc.zeroradius.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arc.zeroradius.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00'
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arc(200, 25, 0, 0, Math.PI, true);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00'
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arc(200, 25, 0, 0, Math.PI, true);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.1.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.1.html
index 58b2635..e7558d6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.1.html
@@ -17,27 +17,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(0, 25, 50, 1000, 1);
-ctx.lineTo(100, 25);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arcTo(50, 25, 100, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(0, 25, 50, 1000, 1);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arcTo(50, 25, 100, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.1.worker.js
index 4492671..80a74c6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.1.worker.js
@@ -13,27 +13,29 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(0, 25, 50, 1000, 1);
-ctx.lineTo(100, 25);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arcTo(50, 25, 100, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(0, 25, 50, 1000, 1);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arcTo(50, 25, 100, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.2.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.2.html
index d85e310..18ac315 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.2.html
@@ -17,19 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 100, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 100, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.2.worker.js
index c8b336a..a35ffe6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.coincide.2.worker.js
@@ -13,19 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 100, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 100, 25, 1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.1.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.1.html
index 5531ca6..b9bcc7b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.1.html
@@ -17,24 +17,27 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 200, 25, 1);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(-100, 25);
-ctx.arcTo(0, 25, 100, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 200, 25, 1);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(-100, 25);
+ ctx.arcTo(0, 25, 100, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.1.worker.js
index 3864a31..a814b1a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.1.worker.js
@@ -13,24 +13,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 200, 25, 1);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(-100, 25);
-ctx.arcTo(0, 25, 100, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 200, 25, 1);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(-100, 25);
+ ctx.arcTo(0, 25, 100, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.2.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.2.html
index a78d626..f51a7af 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.2.html
@@ -17,24 +17,27 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 10, 25, 1);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 110, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 10, 25, 1);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 110, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.2.worker.js
index 6f4c2aa..ba9a75e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.2.worker.js
@@ -13,24 +13,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 10, 25, 1);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 110, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 10, 25, 1);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 110, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.3.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.3.html
index f2d52e4..568d0f8 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.3.html
@@ -17,28 +17,32 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, -100, 25, 1);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 0, 25, 1);
-ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(-100, 25);
-ctx.arcTo(0, 25, -200, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, -100, 25, 1);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 0, 25, 1);
+ ctx.stroke();
+
+ ctx.beginPath();
+ ctx.moveTo(-100, 25);
+ ctx.arcTo(0, 25, -200, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.3.worker.js
index 2d152b0..8087909 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.collinear.3.worker.js
@@ -13,28 +13,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, -100, 25, 1);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 0, 25, 1);
-ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(-100, 25);
-ctx.arcTo(0, 25, -200, 25, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, -100, 25, 1);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 0, 25, 1);
+ ctx.stroke();
+
+ ctx.beginPath();
+ ctx.moveTo(-100, 25);
+ ctx.arcTo(0, 25, -200, 25, 1);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.1.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.1.html
index 81dc7b1..ec1bd03 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arcTo(100, 50, 200, 50, 0.1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arcTo(100, 50, 200, 50, 0.1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.1.worker.js
index 99354ac..74d71b6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.arcTo(100, 50, 200, 50, 0.1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.arcTo(100, 50, 200, 50, 0.1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.2.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.2.html
index 43c9aec..60ee458 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.2.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arcTo(0, 25, 50, 250, 0.1); // adds (x1,y1), draws nothing
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arcTo(0, 25, 50, 250, 0.1); // adds (x1,y1), draws nothing
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.2.worker.js
index aad3d00..7679092 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.ensuresubpath.2.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.arcTo(0, 25, 50, 250, 0.1); // adds (x1,y1), draws nothing
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.arcTo(0, 25, 50, 250, 0.1); // adds (x1,y1), draws nothing
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.negative.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.negative.html
index 59cf973..c35e293 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.negative.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.negative.html
@@ -17,11 +17,13 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arcTo(0, 0, 0, 0, -1); });
-t.done();
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arcTo(0, 0, 0, 0, -1); });
+ var path = new Path2D();
+ assert_throws_dom("INDEX_SIZE_ERR", function() { path.arcTo(10, 10, 20, 20, -5); });
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.negative.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.negative.worker.js
index 60813e8..104e7a6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.negative.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.negative.worker.js
@@ -13,11 +13,12 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arcTo(0, 0, 0, 0, -1); });
-t.done();
-
+ assert_throws_dom("INDEX_SIZE_ERR", function() { ctx.arcTo(0, 0, 0, 0, -1); });
+ var path = new Path2D();
+ assert_throws_dom("INDEX_SIZE_ERR", function() { path.arcTo(10, 10, 20, 20, -5); });
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.nonfinite.html
index 982ad4a..9d2256d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.nonfinite.html
@@ -17,59 +17,59 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.arcTo(Infinity, 50, 0, 50, 0);
-ctx.arcTo(-Infinity, 50, 0, 50, 0);
-ctx.arcTo(NaN, 50, 0, 50, 0);
-ctx.arcTo(0, Infinity, 0, 50, 0);
-ctx.arcTo(0, -Infinity, 0, 50, 0);
-ctx.arcTo(0, NaN, 0, 50, 0);
-ctx.arcTo(0, 50, Infinity, 50, 0);
-ctx.arcTo(0, 50, -Infinity, 50, 0);
-ctx.arcTo(0, 50, NaN, 50, 0);
-ctx.arcTo(0, 50, 0, Infinity, 0);
-ctx.arcTo(0, 50, 0, -Infinity, 0);
-ctx.arcTo(0, 50, 0, NaN, 0);
-ctx.arcTo(0, 50, 0, 50, Infinity);
-ctx.arcTo(0, 50, 0, 50, -Infinity);
-ctx.arcTo(0, 50, 0, 50, NaN);
-ctx.arcTo(Infinity, Infinity, 0, 50, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, 50, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, Infinity, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.arcTo(Infinity, Infinity, Infinity, 50, Infinity);
-ctx.arcTo(Infinity, Infinity, 0, Infinity, 0);
-ctx.arcTo(Infinity, Infinity, 0, Infinity, Infinity);
-ctx.arcTo(Infinity, Infinity, 0, 50, Infinity);
-ctx.arcTo(Infinity, 50, Infinity, 50, 0);
-ctx.arcTo(Infinity, 50, Infinity, Infinity, 0);
-ctx.arcTo(Infinity, 50, Infinity, Infinity, Infinity);
-ctx.arcTo(Infinity, 50, Infinity, 50, Infinity);
-ctx.arcTo(Infinity, 50, 0, Infinity, 0);
-ctx.arcTo(Infinity, 50, 0, Infinity, Infinity);
-ctx.arcTo(Infinity, 50, 0, 50, Infinity);
-ctx.arcTo(0, Infinity, Infinity, 50, 0);
-ctx.arcTo(0, Infinity, Infinity, Infinity, 0);
-ctx.arcTo(0, Infinity, Infinity, Infinity, Infinity);
-ctx.arcTo(0, Infinity, Infinity, 50, Infinity);
-ctx.arcTo(0, Infinity, 0, Infinity, 0);
-ctx.arcTo(0, Infinity, 0, Infinity, Infinity);
-ctx.arcTo(0, Infinity, 0, 50, Infinity);
-ctx.arcTo(0, 50, Infinity, Infinity, 0);
-ctx.arcTo(0, 50, Infinity, Infinity, Infinity);
-ctx.arcTo(0, 50, Infinity, 50, Infinity);
-ctx.arcTo(0, 50, 0, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.arcTo(Infinity, 50, 0, 50, 0);
+ ctx.arcTo(-Infinity, 50, 0, 50, 0);
+ ctx.arcTo(NaN, 50, 0, 50, 0);
+ ctx.arcTo(0, Infinity, 0, 50, 0);
+ ctx.arcTo(0, -Infinity, 0, 50, 0);
+ ctx.arcTo(0, NaN, 0, 50, 0);
+ ctx.arcTo(0, 50, Infinity, 50, 0);
+ ctx.arcTo(0, 50, -Infinity, 50, 0);
+ ctx.arcTo(0, 50, NaN, 50, 0);
+ ctx.arcTo(0, 50, 0, Infinity, 0);
+ ctx.arcTo(0, 50, 0, -Infinity, 0);
+ ctx.arcTo(0, 50, 0, NaN, 0);
+ ctx.arcTo(0, 50, 0, 50, Infinity);
+ ctx.arcTo(0, 50, 0, 50, -Infinity);
+ ctx.arcTo(0, 50, 0, 50, NaN);
+ ctx.arcTo(Infinity, Infinity, 0, 50, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, 50, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, Infinity, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.arcTo(Infinity, Infinity, Infinity, 50, Infinity);
+ ctx.arcTo(Infinity, Infinity, 0, Infinity, 0);
+ ctx.arcTo(Infinity, Infinity, 0, Infinity, Infinity);
+ ctx.arcTo(Infinity, Infinity, 0, 50, Infinity);
+ ctx.arcTo(Infinity, 50, Infinity, 50, 0);
+ ctx.arcTo(Infinity, 50, Infinity, Infinity, 0);
+ ctx.arcTo(Infinity, 50, Infinity, Infinity, Infinity);
+ ctx.arcTo(Infinity, 50, Infinity, 50, Infinity);
+ ctx.arcTo(Infinity, 50, 0, Infinity, 0);
+ ctx.arcTo(Infinity, 50, 0, Infinity, Infinity);
+ ctx.arcTo(Infinity, 50, 0, 50, Infinity);
+ ctx.arcTo(0, Infinity, Infinity, 50, 0);
+ ctx.arcTo(0, Infinity, Infinity, Infinity, 0);
+ ctx.arcTo(0, Infinity, Infinity, Infinity, Infinity);
+ ctx.arcTo(0, Infinity, Infinity, 50, Infinity);
+ ctx.arcTo(0, Infinity, 0, Infinity, 0);
+ ctx.arcTo(0, Infinity, 0, Infinity, Infinity);
+ ctx.arcTo(0, Infinity, 0, 50, Infinity);
+ ctx.arcTo(0, 50, Infinity, Infinity, 0);
+ ctx.arcTo(0, 50, Infinity, Infinity, Infinity);
+ ctx.arcTo(0, 50, Infinity, 50, Infinity);
+ ctx.arcTo(0, 50, 0, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.nonfinite.worker.js
index 6aa674f..1d2c913 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.nonfinite.worker.js
@@ -13,59 +13,58 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.arcTo(Infinity, 50, 0, 50, 0);
-ctx.arcTo(-Infinity, 50, 0, 50, 0);
-ctx.arcTo(NaN, 50, 0, 50, 0);
-ctx.arcTo(0, Infinity, 0, 50, 0);
-ctx.arcTo(0, -Infinity, 0, 50, 0);
-ctx.arcTo(0, NaN, 0, 50, 0);
-ctx.arcTo(0, 50, Infinity, 50, 0);
-ctx.arcTo(0, 50, -Infinity, 50, 0);
-ctx.arcTo(0, 50, NaN, 50, 0);
-ctx.arcTo(0, 50, 0, Infinity, 0);
-ctx.arcTo(0, 50, 0, -Infinity, 0);
-ctx.arcTo(0, 50, 0, NaN, 0);
-ctx.arcTo(0, 50, 0, 50, Infinity);
-ctx.arcTo(0, 50, 0, 50, -Infinity);
-ctx.arcTo(0, 50, 0, 50, NaN);
-ctx.arcTo(Infinity, Infinity, 0, 50, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, 50, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, Infinity, 0);
-ctx.arcTo(Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.arcTo(Infinity, Infinity, Infinity, 50, Infinity);
-ctx.arcTo(Infinity, Infinity, 0, Infinity, 0);
-ctx.arcTo(Infinity, Infinity, 0, Infinity, Infinity);
-ctx.arcTo(Infinity, Infinity, 0, 50, Infinity);
-ctx.arcTo(Infinity, 50, Infinity, 50, 0);
-ctx.arcTo(Infinity, 50, Infinity, Infinity, 0);
-ctx.arcTo(Infinity, 50, Infinity, Infinity, Infinity);
-ctx.arcTo(Infinity, 50, Infinity, 50, Infinity);
-ctx.arcTo(Infinity, 50, 0, Infinity, 0);
-ctx.arcTo(Infinity, 50, 0, Infinity, Infinity);
-ctx.arcTo(Infinity, 50, 0, 50, Infinity);
-ctx.arcTo(0, Infinity, Infinity, 50, 0);
-ctx.arcTo(0, Infinity, Infinity, Infinity, 0);
-ctx.arcTo(0, Infinity, Infinity, Infinity, Infinity);
-ctx.arcTo(0, Infinity, Infinity, 50, Infinity);
-ctx.arcTo(0, Infinity, 0, Infinity, 0);
-ctx.arcTo(0, Infinity, 0, Infinity, Infinity);
-ctx.arcTo(0, Infinity, 0, 50, Infinity);
-ctx.arcTo(0, 50, Infinity, Infinity, 0);
-ctx.arcTo(0, 50, Infinity, Infinity, Infinity);
-ctx.arcTo(0, 50, Infinity, 50, Infinity);
-ctx.arcTo(0, 50, 0, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.arcTo(Infinity, 50, 0, 50, 0);
+ ctx.arcTo(-Infinity, 50, 0, 50, 0);
+ ctx.arcTo(NaN, 50, 0, 50, 0);
+ ctx.arcTo(0, Infinity, 0, 50, 0);
+ ctx.arcTo(0, -Infinity, 0, 50, 0);
+ ctx.arcTo(0, NaN, 0, 50, 0);
+ ctx.arcTo(0, 50, Infinity, 50, 0);
+ ctx.arcTo(0, 50, -Infinity, 50, 0);
+ ctx.arcTo(0, 50, NaN, 50, 0);
+ ctx.arcTo(0, 50, 0, Infinity, 0);
+ ctx.arcTo(0, 50, 0, -Infinity, 0);
+ ctx.arcTo(0, 50, 0, NaN, 0);
+ ctx.arcTo(0, 50, 0, 50, Infinity);
+ ctx.arcTo(0, 50, 0, 50, -Infinity);
+ ctx.arcTo(0, 50, 0, 50, NaN);
+ ctx.arcTo(Infinity, Infinity, 0, 50, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, 50, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, Infinity, 0);
+ ctx.arcTo(Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.arcTo(Infinity, Infinity, Infinity, 50, Infinity);
+ ctx.arcTo(Infinity, Infinity, 0, Infinity, 0);
+ ctx.arcTo(Infinity, Infinity, 0, Infinity, Infinity);
+ ctx.arcTo(Infinity, Infinity, 0, 50, Infinity);
+ ctx.arcTo(Infinity, 50, Infinity, 50, 0);
+ ctx.arcTo(Infinity, 50, Infinity, Infinity, 0);
+ ctx.arcTo(Infinity, 50, Infinity, Infinity, Infinity);
+ ctx.arcTo(Infinity, 50, Infinity, 50, Infinity);
+ ctx.arcTo(Infinity, 50, 0, Infinity, 0);
+ ctx.arcTo(Infinity, 50, 0, Infinity, Infinity);
+ ctx.arcTo(Infinity, 50, 0, 50, Infinity);
+ ctx.arcTo(0, Infinity, Infinity, 50, 0);
+ ctx.arcTo(0, Infinity, Infinity, Infinity, 0);
+ ctx.arcTo(0, Infinity, Infinity, Infinity, Infinity);
+ ctx.arcTo(0, Infinity, Infinity, 50, Infinity);
+ ctx.arcTo(0, Infinity, 0, Infinity, 0);
+ ctx.arcTo(0, Infinity, 0, Infinity, Infinity);
+ ctx.arcTo(0, Infinity, 0, 50, Infinity);
+ ctx.arcTo(0, 50, Infinity, Infinity, 0);
+ ctx.arcTo(0, 50, Infinity, Infinity, Infinity);
+ ctx.arcTo(0, 50, Infinity, 50, Infinity);
+ ctx.arcTo(0, 50, 0, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.scale.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.scale.html
index 7139455..26dfa64 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.scale.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.scale.html
@@ -17,29 +17,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 50);
-ctx.translate(100, 0);
-ctx.scale(0.1, 1);
-ctx.arcTo(50, 50, 50, 0, 50);
-ctx.lineTo(-1000, 0);
-ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 50);
+ ctx.translate(100, 0);
+ ctx.scale(0.1, 1);
+ ctx.arcTo(50, 50, 50, 0, 50);
+ ctx.lineTo(-1000, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.scale.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.scale.worker.js
index b06c8f9..dc41e6d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.scale.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.scale.worker.js
@@ -13,29 +13,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 50);
-ctx.translate(100, 0);
-ctx.scale(0.1, 1);
-ctx.arcTo(50, 50, 50, 0, 50);
-ctx.lineTo(-1000, 0);
-ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 50);
+ ctx.translate(100, 0);
+ ctx.scale(0.1, 1);
+ ctx.arcTo(50, 50, 50, 0, 50);
+ ctx.lineTo(-1000, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve1.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve1.html
index 659b02c..f7d10dd 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve1.html
@@ -17,40 +17,44 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-var tol = 1.5; // tolerance to avoid antialiasing artifacts
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 10;
-ctx.beginPath();
-ctx.moveTo(10, 25);
-ctx.arcTo(75, 25, 75, 60, 20);
-ctx.stroke();
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.rect(10, 20, 45, 10);
-ctx.moveTo(80, 45);
-ctx.arc(55, 45, 25+tol, 0, -Math.PI/2, true);
-ctx.arc(55, 45, 15-tol, -Math.PI/2, 0, false);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 55,19, 0,255,0,255);
-_assertPixel(canvas, 55,20, 0,255,0,255);
-_assertPixel(canvas, 55,21, 0,255,0,255);
-_assertPixel(canvas, 64,22, 0,255,0,255);
-_assertPixel(canvas, 65,21, 0,255,0,255);
-_assertPixel(canvas, 72,28, 0,255,0,255);
-_assertPixel(canvas, 73,27, 0,255,0,255);
-_assertPixel(canvas, 78,36, 0,255,0,255);
-_assertPixel(canvas, 79,35, 0,255,0,255);
-_assertPixel(canvas, 80,44, 0,255,0,255);
-_assertPixel(canvas, 80,45, 0,255,0,255);
-_assertPixel(canvas, 80,46, 0,255,0,255);
-_assertPixel(canvas, 65,45, 0,255,0,255);
-t.done();
+ var tol = 1.5; // tolerance to avoid antialiasing artifacts
+
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 10;
+ ctx.beginPath();
+ ctx.moveTo(10, 25);
+ ctx.arcTo(75, 25, 75, 60, 20);
+ ctx.stroke();
+
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.rect(10, 20, 45, 10);
+ ctx.moveTo(80, 45);
+ ctx.arc(55, 45, 25+tol, 0, -Math.PI/2, true);
+ ctx.arc(55, 45, 15-tol, -Math.PI/2, 0, false);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 55,19, 0,255,0,255);
+ _assertPixel(canvas, 55,20, 0,255,0,255);
+ _assertPixel(canvas, 55,21, 0,255,0,255);
+ _assertPixel(canvas, 64,22, 0,255,0,255);
+ _assertPixel(canvas, 65,21, 0,255,0,255);
+ _assertPixel(canvas, 72,28, 0,255,0,255);
+ _assertPixel(canvas, 73,27, 0,255,0,255);
+ _assertPixel(canvas, 78,36, 0,255,0,255);
+ _assertPixel(canvas, 79,35, 0,255,0,255);
+ _assertPixel(canvas, 80,44, 0,255,0,255);
+ _assertPixel(canvas, 80,45, 0,255,0,255);
+ _assertPixel(canvas, 80,46, 0,255,0,255);
+ _assertPixel(canvas, 65,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve1.worker.js
index 5223b55..c7e61ab 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve1.worker.js
@@ -13,40 +13,43 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-var tol = 1.5; // tolerance to avoid antialiasing artifacts
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 10;
-ctx.beginPath();
-ctx.moveTo(10, 25);
-ctx.arcTo(75, 25, 75, 60, 20);
-ctx.stroke();
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.rect(10, 20, 45, 10);
-ctx.moveTo(80, 45);
-ctx.arc(55, 45, 25+tol, 0, -Math.PI/2, true);
-ctx.arc(55, 45, 15-tol, -Math.PI/2, 0, false);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 55,19, 0,255,0,255);
-_assertPixel(canvas, 55,20, 0,255,0,255);
-_assertPixel(canvas, 55,21, 0,255,0,255);
-_assertPixel(canvas, 64,22, 0,255,0,255);
-_assertPixel(canvas, 65,21, 0,255,0,255);
-_assertPixel(canvas, 72,28, 0,255,0,255);
-_assertPixel(canvas, 73,27, 0,255,0,255);
-_assertPixel(canvas, 78,36, 0,255,0,255);
-_assertPixel(canvas, 79,35, 0,255,0,255);
-_assertPixel(canvas, 80,44, 0,255,0,255);
-_assertPixel(canvas, 80,45, 0,255,0,255);
-_assertPixel(canvas, 80,46, 0,255,0,255);
-_assertPixel(canvas, 65,45, 0,255,0,255);
-t.done();
+ var tol = 1.5; // tolerance to avoid antialiasing artifacts
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 10;
+ ctx.beginPath();
+ ctx.moveTo(10, 25);
+ ctx.arcTo(75, 25, 75, 60, 20);
+ ctx.stroke();
+
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.rect(10, 20, 45, 10);
+ ctx.moveTo(80, 45);
+ ctx.arc(55, 45, 25+tol, 0, -Math.PI/2, true);
+ ctx.arc(55, 45, 15-tol, -Math.PI/2, 0, false);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 55,19, 0,255,0,255);
+ _assertPixel(canvas, 55,20, 0,255,0,255);
+ _assertPixel(canvas, 55,21, 0,255,0,255);
+ _assertPixel(canvas, 64,22, 0,255,0,255);
+ _assertPixel(canvas, 65,21, 0,255,0,255);
+ _assertPixel(canvas, 72,28, 0,255,0,255);
+ _assertPixel(canvas, 73,27, 0,255,0,255);
+ _assertPixel(canvas, 78,36, 0,255,0,255);
+ _assertPixel(canvas, 79,35, 0,255,0,255);
+ _assertPixel(canvas, 80,44, 0,255,0,255);
+ _assertPixel(canvas, 80,45, 0,255,0,255);
+ _assertPixel(canvas, 80,46, 0,255,0,255);
+ _assertPixel(canvas, 65,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve2.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve2.html
index 02ab6c1..1a02332 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve2.html
@@ -17,39 +17,43 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-var tol = 1.5; // tolerance to avoid antialiasing artifacts
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.rect(10, 20, 45, 10);
-ctx.moveTo(80, 45);
-ctx.arc(55, 45, 25-tol, 0, -Math.PI/2, true);
-ctx.arc(55, 45, 15+tol, -Math.PI/2, 0, false);
-ctx.fill();
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 10;
-ctx.beginPath();
-ctx.moveTo(10, 25);
-ctx.arcTo(75, 25, 75, 60, 20);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 55,19, 0,255,0,255);
-_assertPixel(canvas, 55,20, 0,255,0,255);
-_assertPixel(canvas, 55,21, 0,255,0,255);
-_assertPixel(canvas, 64,22, 0,255,0,255);
-_assertPixel(canvas, 65,21, 0,255,0,255);
-_assertPixel(canvas, 72,28, 0,255,0,255);
-_assertPixel(canvas, 73,27, 0,255,0,255);
-_assertPixel(canvas, 78,36, 0,255,0,255);
-_assertPixel(canvas, 79,35, 0,255,0,255);
-_assertPixel(canvas, 80,44, 0,255,0,255);
-_assertPixel(canvas, 80,45, 0,255,0,255);
-_assertPixel(canvas, 80,46, 0,255,0,255);
-t.done();
+ var tol = 1.5; // tolerance to avoid antialiasing artifacts
+
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.rect(10, 20, 45, 10);
+ ctx.moveTo(80, 45);
+ ctx.arc(55, 45, 25-tol, 0, -Math.PI/2, true);
+ ctx.arc(55, 45, 15+tol, -Math.PI/2, 0, false);
+ ctx.fill();
+
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 10;
+ ctx.beginPath();
+ ctx.moveTo(10, 25);
+ ctx.arcTo(75, 25, 75, 60, 20);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 55,19, 0,255,0,255);
+ _assertPixel(canvas, 55,20, 0,255,0,255);
+ _assertPixel(canvas, 55,21, 0,255,0,255);
+ _assertPixel(canvas, 64,22, 0,255,0,255);
+ _assertPixel(canvas, 65,21, 0,255,0,255);
+ _assertPixel(canvas, 72,28, 0,255,0,255);
+ _assertPixel(canvas, 73,27, 0,255,0,255);
+ _assertPixel(canvas, 78,36, 0,255,0,255);
+ _assertPixel(canvas, 79,35, 0,255,0,255);
+ _assertPixel(canvas, 80,44, 0,255,0,255);
+ _assertPixel(canvas, 80,45, 0,255,0,255);
+ _assertPixel(canvas, 80,46, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve2.worker.js
index f06c2cd..f00e506 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.curve2.worker.js
@@ -13,39 +13,42 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-var tol = 1.5; // tolerance to avoid antialiasing artifacts
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.beginPath();
-ctx.rect(10, 20, 45, 10);
-ctx.moveTo(80, 45);
-ctx.arc(55, 45, 25-tol, 0, -Math.PI/2, true);
-ctx.arc(55, 45, 15+tol, -Math.PI/2, 0, false);
-ctx.fill();
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 10;
-ctx.beginPath();
-ctx.moveTo(10, 25);
-ctx.arcTo(75, 25, 75, 60, 20);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 55,19, 0,255,0,255);
-_assertPixel(canvas, 55,20, 0,255,0,255);
-_assertPixel(canvas, 55,21, 0,255,0,255);
-_assertPixel(canvas, 64,22, 0,255,0,255);
-_assertPixel(canvas, 65,21, 0,255,0,255);
-_assertPixel(canvas, 72,28, 0,255,0,255);
-_assertPixel(canvas, 73,27, 0,255,0,255);
-_assertPixel(canvas, 78,36, 0,255,0,255);
-_assertPixel(canvas, 79,35, 0,255,0,255);
-_assertPixel(canvas, 80,44, 0,255,0,255);
-_assertPixel(canvas, 80,45, 0,255,0,255);
-_assertPixel(canvas, 80,46, 0,255,0,255);
-t.done();
+ var tol = 1.5; // tolerance to avoid antialiasing artifacts
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#f00';
+ ctx.beginPath();
+ ctx.rect(10, 20, 45, 10);
+ ctx.moveTo(80, 45);
+ ctx.arc(55, 45, 25-tol, 0, -Math.PI/2, true);
+ ctx.arc(55, 45, 15+tol, -Math.PI/2, 0, false);
+ ctx.fill();
+
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 10;
+ ctx.beginPath();
+ ctx.moveTo(10, 25);
+ ctx.arcTo(75, 25, 75, 60, 20);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 55,19, 0,255,0,255);
+ _assertPixel(canvas, 55,20, 0,255,0,255);
+ _assertPixel(canvas, 55,21, 0,255,0,255);
+ _assertPixel(canvas, 64,22, 0,255,0,255);
+ _assertPixel(canvas, 65,21, 0,255,0,255);
+ _assertPixel(canvas, 72,28, 0,255,0,255);
+ _assertPixel(canvas, 73,27, 0,255,0,255);
+ _assertPixel(canvas, 78,36, 0,255,0,255);
+ _assertPixel(canvas, 79,35, 0,255,0,255);
+ _assertPixel(canvas, 80,44, 0,255,0,255);
+ _assertPixel(canvas, 80,45, 0,255,0,255);
+ _assertPixel(canvas, 80,46, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.end.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.end.html
index 0871c39..3f8af61 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.end.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.end.html
@@ -17,23 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(-100, -100);
-ctx.arcTo(-100, 25, 200, 25, 10);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(-100, -100);
+ ctx.arcTo(-100, 25, 200, 25, 10);
+ ctx.stroke();
+
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.end.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.end.worker.js
index f3addb0..20cc956 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.end.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.end.worker.js
@@ -13,23 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(-100, -100);
-ctx.arcTo(-100, 25, 200, 25, 10);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(-100, -100);
+ ctx.arcTo(-100, 25, 200, 25, 10);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.start.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.start.html
index 5040462..a426a19 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.start.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.start.html
@@ -17,23 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(200, 25, 200, 50, 10);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(200, 25, 200, 50, 10);
+ ctx.stroke();
+
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.start.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.start.worker.js
index 36706d6..cebf27a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.start.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.shape.start.worker.js
@@ -13,23 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(200, 25, 200, 50, 10);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(200, 25, 200, 50, 10);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.transformation.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.transformation.html
index bea6374..8422101 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.transformation.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.transformation.html
@@ -17,28 +17,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 50);
-ctx.translate(100, 0);
-ctx.arcTo(50, 50, 50, 0, 50);
-ctx.lineTo(-100, 0);
-ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 50);
+ ctx.translate(100, 0);
+ ctx.arcTo(50, 50, 50, 0, 50);
+ ctx.lineTo(-100, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.transformation.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.transformation.worker.js
index 925140b..585a500 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.transformation.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.transformation.worker.js
@@ -13,28 +13,29 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 50);
-ctx.translate(100, 0);
-ctx.arcTo(50, 50, 50, 0, 50);
-ctx.lineTo(-100, 0);
-ctx.fill();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 50);
+ ctx.translate(100, 0);
+ ctx.arcTo(50, 50, 50, 0, 50);
+ ctx.lineTo(-100, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.1.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.1.html
index 00541a9..a367385 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.1.html
@@ -17,24 +17,27 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 100, 100, 0);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(0, -25);
-ctx.arcTo(50, -25, 50, 50, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 100, 100, 0);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(0, -25);
+ ctx.arcTo(50, -25, 50, 50, 0);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.1.worker.js
index cee6d1c..8f6d979 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.1.worker.js
@@ -13,24 +13,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, 100, 100, 0);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(0, -25);
-ctx.arcTo(50, -25, 50, 50, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, 100, 100, 0);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(0, -25);
+ ctx.arcTo(50, -25, 50, 50, 0);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.2.html b/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.2.html
index e10fe5c..87ab4e1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.2.html
@@ -17,24 +17,27 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, -100, 25, 0);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 50, 25, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, -100, 25, 0);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 50, 25, 0);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.2.worker.js
index d0cc4a1..0a45976 100644
--- a/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.arcTo.zero.2.worker.js
@@ -13,24 +13,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.strokeStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.arcTo(100, 25, -100, 25, 0);
-ctx.stroke();
-ctx.strokeStyle = '#f00';
-ctx.beginPath();
-ctx.moveTo(100, 25);
-ctx.arcTo(200, 25, 50, 25, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.strokeStyle = '#0f0';
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.arcTo(100, 25, -100, 25, 0);
+ ctx.stroke();
+
+ ctx.strokeStyle = '#f00';
+ ctx.beginPath();
+ ctx.moveTo(100, 25);
+ ctx.arcTo(200, 25, 50, 25, 0);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.beginPath.html b/html/canvas/offscreen/path-objects/2d.path.beginPath.html
index 8b9c4cd..b2043d6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.beginPath.html
+++ b/html/canvas/offscreen/path-objects/2d.path.beginPath.html
@@ -17,17 +17,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.rect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.rect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.beginPath.worker.js b/html/canvas/offscreen/path-objects/2d.path.beginPath.worker.js
index 18b81af..35a4acc 100644
--- a/html/canvas/offscreen/path-objects/2d.path.beginPath.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.beginPath.worker.js
@@ -13,17 +13,16 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.rect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.rect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.basic.html b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.basic.html
index 6917287..0999190 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.basic.html
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.basic.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.bezierCurveTo(100, 25, 100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.bezierCurveTo(100, 25, 100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.basic.worker.js b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.basic.worker.js
index a365372..e7c86a0 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.basic.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.basic.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.bezierCurveTo(100, 25, 100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.bezierCurveTo(100, 25, 100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.html b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.html
index 67dd771..6a11d1b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.bezierCurveTo(100, 50, 200, 50, 200, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 95,45, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.bezierCurveTo(100, 50, 200, 50, 200, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 95,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.worker.js
index beb275b..d6ef6f3 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.1.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.bezierCurveTo(100, 50, 200, 50, 200, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 95,45, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.bezierCurveTo(100, 50, 200, 50, 200, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 95,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.html b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.html
index d4f99e1..d2afd19 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.bezierCurveTo(0, 25, 100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 5,45, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.bezierCurveTo(0, 25, 100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 5,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.worker.js
index 7176dba..6860e60 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.ensuresubpath.2.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.bezierCurveTo(0, 25, 100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 5,45, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.bezierCurveTo(0, 25, 100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 5,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.nonfinite.html
index 4c5abfb..b49e2f4 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.nonfinite.html
@@ -17,93 +17,93 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(-Infinity, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(NaN, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, -Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, NaN, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, -Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, NaN, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, -Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, NaN, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, -Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, NaN, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, -Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, NaN);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(-Infinity, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(NaN, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, -Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, NaN, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, -Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, NaN, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, -Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, NaN, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, -Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, NaN, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, -Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, NaN);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.nonfinite.worker.js
index 752cb1b..7eaf278 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.nonfinite.worker.js
@@ -13,93 +13,92 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(-Infinity, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(NaN, 50, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, -Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, NaN, 0, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, -Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, NaN, 50, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, -Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, NaN, 0, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, -Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, NaN, 50);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, -Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, 0, NaN);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, 50);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, 50);
-ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, Infinity, 0, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, 50);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, 50);
-ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, Infinity, 50, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, 50);
-ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, Infinity);
-ctx.bezierCurveTo(0, 50, 0, Infinity, 0, Infinity);
-ctx.bezierCurveTo(0, 50, 0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(-Infinity, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(NaN, 50, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, -Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, NaN, 0, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, -Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, NaN, 50, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, -Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, NaN, 0, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, -Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, NaN, 50);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, -Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, 0, NaN);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, Infinity, 0, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, Infinity, 50, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, 50);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, Infinity, 0, Infinity);
+ ctx.bezierCurveTo(0, 50, 0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.scaled.html b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.scaled.html
index 2608237..10a085e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.scaled.html
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.scaled.html
@@ -17,24 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(1000, 1000);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 0.055;
-ctx.beginPath();
-ctx.moveTo(-2, 3.1);
-ctx.bezierCurveTo(-2, -1, 2.1, -1, 2.1, 3.1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(1000, 1000);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 0.055;
+ ctx.beginPath();
+ ctx.moveTo(-2, 3.1);
+ ctx.bezierCurveTo(-2, -1, 2.1, -1, 2.1, 3.1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.scaled.worker.js b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.scaled.worker.js
index 641cccf..5098fe8 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.scaled.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.scaled.worker.js
@@ -13,24 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(1000, 1000);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 0.055;
-ctx.beginPath();
-ctx.moveTo(-2, 3.1);
-ctx.bezierCurveTo(-2, -1, 2.1, -1, 2.1, 3.1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(1000, 1000);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 0.055;
+ ctx.beginPath();
+ ctx.moveTo(-2, 3.1);
+ ctx.bezierCurveTo(-2, -1, 2.1, -1, 2.1, 3.1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.shape.html b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.shape.html
index 5f8f8da..fc6b927 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.shape.html
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.shape.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 55;
-ctx.beginPath();
-ctx.moveTo(-2000, 3100);
-ctx.bezierCurveTo(-2000, -1000, 2100, -1000, 2100, 3100);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 55;
+ ctx.beginPath();
+ ctx.moveTo(-2000, 3100);
+ ctx.bezierCurveTo(-2000, -1000, 2100, -1000, 2100, 3100);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.shape.worker.js b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.shape.worker.js
index ee42982..58f601c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.shape.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.bezierCurveTo.shape.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 55;
-ctx.beginPath();
-ctx.moveTo(-2000, 3100);
-ctx.bezierCurveTo(-2000, -1000, 2100, -1000, 2100, 3100);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 55;
+ ctx.beginPath();
+ ctx.moveTo(-2000, 3100);
+ ctx.bezierCurveTo(-2000, -1000, 2100, -1000, 2100, 3100);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.basic.1.html b/html/canvas/offscreen/path-objects/2d.path.clip.basic.1.html
index cca53f6..e90be3d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.basic.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.basic.1.html
@@ -17,18 +17,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(0, 0, 100, 50);
-ctx.clip();
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.beginPath();
+ ctx.rect(0, 0, 100, 50);
+ ctx.clip();
+
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.basic.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.clip.basic.1.worker.js
index cf5a5d3..708608e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.basic.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.basic.1.worker.js
@@ -13,18 +13,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(0, 0, 100, 50);
-ctx.clip();
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.rect(0, 0, 100, 50);
+ ctx.clip();
+
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.basic.2.html b/html/canvas/offscreen/path-objects/2d.path.clip.basic.2.html
index d5ef79b..6426ba2 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.basic.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.basic.2.html
@@ -17,18 +17,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(-100, 0, 100, 50);
-ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.beginPath();
+ ctx.rect(-100, 0, 100, 50);
+ ctx.clip();
+
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.basic.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.clip.basic.2.worker.js
index bad906d..1ec28b6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.basic.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.basic.2.worker.js
@@ -13,18 +13,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(-100, 0, 100, 50);
-ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.rect(-100, 0, 100, 50);
+ ctx.clip();
+
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.empty.html b/html/canvas/offscreen/path-objects/2d.path.clip.empty.html
index d74fff0..30e0d6c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.empty.html
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.empty.html
@@ -17,17 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.beginPath();
+ ctx.clip();
+
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.empty.worker.js b/html/canvas/offscreen/path-objects/2d.path.clip.empty.worker.js
index 51beb64..3f91a7e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.empty.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.empty.worker.js
@@ -13,17 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.clip();
+
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.intersect.html b/html/canvas/offscreen/path-objects/2d.path.clip.intersect.html
index 3b269ce..94607f6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.intersect.html
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.intersect.html
@@ -17,21 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(0, 0, 50, 50);
-ctx.clip();
-ctx.beginPath();
-ctx.rect(50, 0, 50, 50)
-ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.beginPath();
+ ctx.rect(0, 0, 50, 50);
+ ctx.clip();
+ ctx.beginPath();
+ ctx.rect(50, 0, 50, 50)
+ ctx.clip();
+
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.intersect.worker.js b/html/canvas/offscreen/path-objects/2d.path.clip.intersect.worker.js
index 791c1bb..8c0fcb6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.intersect.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.intersect.worker.js
@@ -13,21 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(0, 0, 50, 50);
-ctx.clip();
-ctx.beginPath();
-ctx.rect(50, 0, 50, 50)
-ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.rect(0, 0, 50, 50);
+ ctx.clip();
+ ctx.beginPath();
+ ctx.rect(50, 0, 50, 50)
+ ctx.clip();
+
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.unaffected.html b/html/canvas/offscreen/path-objects/2d.path.clip.unaffected.html
index a0ba94f..e9b6928 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.unaffected.html
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.unaffected.html
@@ -17,22 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.clip();
-ctx.lineTo(0, 0);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#0f0';
+
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.clip();
+
+ ctx.lineTo(0, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.unaffected.worker.js b/html/canvas/offscreen/path-objects/2d.path.clip.unaffected.worker.js
index e032570..d65a421 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.unaffected.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.unaffected.worker.js
@@ -13,22 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.clip();
-ctx.lineTo(0, 0);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.clip();
+
+ ctx.lineTo(0, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.winding.1.html b/html/canvas/offscreen/path-objects/2d.path.clip.winding.1.html
index 9a20e49..2fd7c1a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.winding.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.winding.1.html
@@ -17,26 +17,29 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.beginPath();
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.clip();
+
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.winding.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.clip.winding.1.worker.js
index 02565fc..aa89fd5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.winding.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.winding.1.worker.js
@@ -13,26 +13,28 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.clip();
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.clip();
+
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.winding.2.html b/html/canvas/offscreen/path-objects/2d.path.clip.winding.2.html
index 1f223a3..eed064f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.winding.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.winding.2.html
@@ -17,29 +17,33 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.clip();
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.lineTo(0, 0);
-ctx.clip();
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.beginPath();
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.clip();
+
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(0, 0);
+ ctx.clip();
+
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.clip.winding.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.clip.winding.2.worker.js
index e7e8c50..5c9cac6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.clip.winding.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.clip.winding.2.worker.js
@@ -13,29 +13,32 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.clip();
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.lineTo(0, 0);
-ctx.clip();
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.clip();
+
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(0, 0);
+ ctx.clip();
+
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.closePath.empty.html b/html/canvas/offscreen/path-objects/2d.path.closePath.empty.html
index 50ea865..c7596a8 100644
--- a/html/canvas/offscreen/path-objects/2d.path.closePath.empty.html
+++ b/html/canvas/offscreen/path-objects/2d.path.closePath.empty.html
@@ -17,16 +17,16 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.closePath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.closePath.empty.worker.js b/html/canvas/offscreen/path-objects/2d.path.closePath.empty.worker.js
index c06ce48..c9a4030 100644
--- a/html/canvas/offscreen/path-objects/2d.path.closePath.empty.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.closePath.empty.worker.js
@@ -13,16 +13,15 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.closePath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.closePath.newline.html b/html/canvas/offscreen/path-objects/2d.path.closePath.newline.html
index dca2e01..771f3d3 100644
--- a/html/canvas/offscreen/path-objects/2d.path.closePath.newline.html
+++ b/html/canvas/offscreen/path-objects/2d.path.closePath.newline.html
@@ -17,21 +17,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -100);
-ctx.lineTo(200, -100);
-ctx.lineTo(200, 25);
-ctx.closePath();
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -100);
+ ctx.lineTo(200, -100);
+ ctx.lineTo(200, 25);
+ ctx.closePath();
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.closePath.newline.worker.js b/html/canvas/offscreen/path-objects/2d.path.closePath.newline.worker.js
index 5d27821..4dff932 100644
--- a/html/canvas/offscreen/path-objects/2d.path.closePath.newline.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.closePath.newline.worker.js
@@ -13,21 +13,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -100);
-ctx.lineTo(200, -100);
-ctx.lineTo(200, 25);
-ctx.closePath();
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -100);
+ ctx.lineTo(200, -100);
+ ctx.lineTo(200, 25);
+ ctx.closePath();
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.closePath.nextpoint.html b/html/canvas/offscreen/path-objects/2d.path.closePath.nextpoint.html
index 4cf02d2..3dffdea 100644
--- a/html/canvas/offscreen/path-objects/2d.path.closePath.nextpoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.closePath.nextpoint.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -1000);
-ctx.closePath();
-ctx.lineTo(1000, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -1000);
+ ctx.closePath();
+ ctx.lineTo(1000, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.closePath.nextpoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.closePath.nextpoint.worker.js
index 8a84ce7..86d931b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.closePath.nextpoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.closePath.nextpoint.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -1000);
-ctx.closePath();
-ctx.lineTo(1000, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -1000);
+ ctx.closePath();
+ ctx.lineTo(1000, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.closed.basic.html b/html/canvas/offscreen/path-objects/2d.path.fill.closed.basic.html
index 72e755f..6f8fd51 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.closed.basic.html
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.closed.basic.html
@@ -17,19 +17,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.closed.basic.worker.js b/html/canvas/offscreen/path-objects/2d.path.fill.closed.basic.worker.js
index 2c63e1e..9dad73b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.closed.basic.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.closed.basic.worker.js
@@ -13,19 +13,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.closed.unaffected.html b/html/canvas/offscreen/path-objects/2d.path.fill.closed.unaffected.html
index 9d54512..706e38d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.closed.unaffected.html
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.closed.unaffected.html
@@ -17,22 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#00f';
-ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.fillStyle = '#f00';
-ctx.fill();
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 90,10, 0,255,0,255);
-_assertPixel(canvas, 10,40, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#00f';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+
+ _assertPixel(canvas, 90,10, 0,255,0,255);
+ _assertPixel(canvas, 10,40, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.closed.unaffected.worker.js b/html/canvas/offscreen/path-objects/2d.path.fill.closed.unaffected.worker.js
index 6b4aa92..b6d7982 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.closed.unaffected.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.closed.unaffected.worker.js
@@ -13,22 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#00f';
-ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.fillStyle = '#f00';
-ctx.fill();
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 90,10, 0,255,0,255);
-_assertPixel(canvas, 10,40, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#00f';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+
+ _assertPixel(canvas, 90,10, 0,255,0,255);
+ _assertPixel(canvas, 10,40, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.overlap.html b/html/canvas/offscreen/path-objects/2d.path.fill.overlap.html
index 6eaf88e..da936fa 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.overlap.html
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.overlap.html
@@ -17,18 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#000';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
-ctx.rect(0, 0, 100, 50);
-ctx.closePath();
-ctx.rect(10, 10, 80, 30);
-ctx.fill();
-_assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
-t.done();
+ ctx.fillStyle = '#000';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
+ ctx.rect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.rect(10, 10, 80, 30);
+ ctx.fill();
+
+ _assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.overlap.worker.js b/html/canvas/offscreen/path-objects/2d.path.fill.overlap.worker.js
index e1d64fe..8f30cc7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.overlap.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.overlap.worker.js
@@ -13,18 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#000';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
-ctx.rect(0, 0, 100, 50);
-ctx.closePath();
-ctx.rect(10, 10, 80, 30);
-ctx.fill();
-_assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
-t.done();
+ ctx.fillStyle = '#000';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
+ ctx.rect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.rect(10, 10, 80, 30);
+ ctx.fill();
+
+ _assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.winding.add.html b/html/canvas/offscreen/path-objects/2d.path.fill.winding.add.html
index c5f6492..40845a4 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.winding.add.html
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.winding.add.html
@@ -17,24 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.winding.add.worker.js b/html/canvas/offscreen/path-objects/2d.path.fill.winding.add.worker.js
index b40e170..cdbfc7f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.winding.add.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.winding.add.worker.js
@@ -13,24 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.1.html b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.1.html
index 4f553f2..e0f9c83 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.1.html
@@ -17,24 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#f00';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.1.worker.js
index a820915..3d6a166 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.1.worker.js
@@ -13,24 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.2.html b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.2.html
index cf1fcaa..c7de03a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.2.html
@@ -17,23 +17,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#f00';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.2.worker.js
index 2c83a41..0e8b4c7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.2.worker.js
@@ -13,23 +13,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.moveTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.moveTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.3.html b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.3.html
index ffcbfe2..3d12380 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.3.html
@@ -17,29 +17,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(-20, -20);
-ctx.lineTo(120, -20);
-ctx.lineTo(120, 70);
-ctx.lineTo(-20, 70);
-ctx.lineTo(-20, -20);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(-20, -20);
+ ctx.lineTo(120, -20);
+ ctx.lineTo(120, 70);
+ ctx.lineTo(-20, 70);
+ ctx.lineTo(-20, -20);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.3.worker.js
index ca5510a..6c9f07c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.fill.winding.subtract.3.worker.js
@@ -13,29 +13,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(-10, -10);
-ctx.lineTo(110, -10);
-ctx.lineTo(110, 60);
-ctx.lineTo(-10, 60);
-ctx.lineTo(-10, -10);
-ctx.lineTo(-20, -20);
-ctx.lineTo(120, -20);
-ctx.lineTo(120, 70);
-ctx.lineTo(-20, 70);
-ctx.lineTo(-20, -20);
-ctx.lineTo(0, 0);
-ctx.lineTo(0, 50);
-ctx.lineTo(100, 50);
-ctx.lineTo(100, 0);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(-10, -10);
+ ctx.lineTo(110, -10);
+ ctx.lineTo(110, 60);
+ ctx.lineTo(-10, 60);
+ ctx.lineTo(-10, -10);
+ ctx.lineTo(-20, -20);
+ ctx.lineTo(120, -20);
+ ctx.lineTo(120, 70);
+ ctx.lineTo(-20, 70);
+ ctx.lineTo(-20, -20);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(100, 0);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.initial.html b/html/canvas/offscreen/path-objects/2d.path.initial.html
index 35c96cd..e2e02f5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.initial.html
+++ b/html/canvas/offscreen/path-objects/2d.path.initial.html
@@ -17,16 +17,16 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.closePath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.initial.worker.js b/html/canvas/offscreen/path-objects/2d.path.initial.worker.js
index de8597f..de1a935 100644
--- a/html/canvas/offscreen/path-objects/2d.path.initial.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.initial.worker.js
@@ -13,16 +13,15 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.closePath();
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.closePath();
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.arc.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.arc.html
index fe12f94..ccffcd7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.arc.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.arc.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.arc(50, 25, 10, 0, Math.PI, false);
-_assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
-_assertSame(ctx.isPointInPath(50, 20), false, "ctx.isPointInPath(50, 20)", "false");
-_assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
-_assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
-t.done();
+ ctx.arc(50, 25, 10, 0, Math.PI, false);
+ _assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
+ _assertSame(ctx.isPointInPath(50, 20), false, "ctx.isPointInPath(50, 20)", "false");
+ _assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
+ _assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.arc.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.arc.worker.js
index 2803e39..13510b7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.arc.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.arc.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.arc(50, 25, 10, 0, Math.PI, false);
-_assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
-_assertSame(ctx.isPointInPath(50, 20), false, "ctx.isPointInPath(50, 20)", "false");
-_assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
-_assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
-t.done();
-
+ ctx.arc(50, 25, 10, 0, Math.PI, false);
+ _assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
+ _assertSame(ctx.isPointInPath(50, 20), false, "ctx.isPointInPath(50, 20)", "false");
+ _assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
+ _assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.1.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.1.html
index 3cd24f5..7b9673a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.1.html
@@ -17,13 +17,13 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
-_assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
-t.done();
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
+ _assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.1.worker.js
index 93dd86a..f51900e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.1.worker.js
@@ -13,13 +13,12 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
-_assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
-t.done();
-
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
+ _assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.2.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.2.html
index 42381d3..3710dd1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.2.html
@@ -17,13 +17,13 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(20, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
-t.done();
+ ctx.rect(20, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.2.worker.js
index 7dbc5fc..6024a0d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.basic.2.worker.js
@@ -13,13 +13,12 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(20, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
-t.done();
-
+ ctx.rect(20, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bezier.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bezier.html
index f336fe4..d348110 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bezier.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bezier.html
@@ -17,32 +17,32 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(25, 25);
-ctx.bezierCurveTo(50, -50, 50, 100, 75, 25);
-_assertSame(ctx.isPointInPath(25, 20), false, "ctx.isPointInPath(25, 20)", "false");
-_assertSame(ctx.isPointInPath(25, 30), false, "ctx.isPointInPath(25, 30)", "false");
-_assertSame(ctx.isPointInPath(30, 20), true, "ctx.isPointInPath(30, 20)", "true");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(40, 2), false, "ctx.isPointInPath(40, 2)", "false");
-_assertSame(ctx.isPointInPath(40, 20), true, "ctx.isPointInPath(40, 20)", "true");
-_assertSame(ctx.isPointInPath(40, 30), false, "ctx.isPointInPath(40, 30)", "false");
-_assertSame(ctx.isPointInPath(40, 47), false, "ctx.isPointInPath(40, 47)", "false");
-_assertSame(ctx.isPointInPath(45, 20), true, "ctx.isPointInPath(45, 20)", "true");
-_assertSame(ctx.isPointInPath(45, 30), false, "ctx.isPointInPath(45, 30)", "false");
-_assertSame(ctx.isPointInPath(55, 20), false, "ctx.isPointInPath(55, 20)", "false");
-_assertSame(ctx.isPointInPath(55, 30), true, "ctx.isPointInPath(55, 30)", "true");
-_assertSame(ctx.isPointInPath(60, 2), false, "ctx.isPointInPath(60, 2)", "false");
-_assertSame(ctx.isPointInPath(60, 20), false, "ctx.isPointInPath(60, 20)", "false");
-_assertSame(ctx.isPointInPath(60, 30), true, "ctx.isPointInPath(60, 30)", "true");
-_assertSame(ctx.isPointInPath(60, 47), false, "ctx.isPointInPath(60, 47)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 30), true, "ctx.isPointInPath(70, 30)", "true");
-_assertSame(ctx.isPointInPath(75, 20), false, "ctx.isPointInPath(75, 20)", "false");
-_assertSame(ctx.isPointInPath(75, 30), false, "ctx.isPointInPath(75, 30)", "false");
-t.done();
+ ctx.moveTo(25, 25);
+ ctx.bezierCurveTo(50, -50, 50, 100, 75, 25);
+ _assertSame(ctx.isPointInPath(25, 20), false, "ctx.isPointInPath(25, 20)", "false");
+ _assertSame(ctx.isPointInPath(25, 30), false, "ctx.isPointInPath(25, 30)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), true, "ctx.isPointInPath(30, 20)", "true");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(40, 2), false, "ctx.isPointInPath(40, 2)", "false");
+ _assertSame(ctx.isPointInPath(40, 20), true, "ctx.isPointInPath(40, 20)", "true");
+ _assertSame(ctx.isPointInPath(40, 30), false, "ctx.isPointInPath(40, 30)", "false");
+ _assertSame(ctx.isPointInPath(40, 47), false, "ctx.isPointInPath(40, 47)", "false");
+ _assertSame(ctx.isPointInPath(45, 20), true, "ctx.isPointInPath(45, 20)", "true");
+ _assertSame(ctx.isPointInPath(45, 30), false, "ctx.isPointInPath(45, 30)", "false");
+ _assertSame(ctx.isPointInPath(55, 20), false, "ctx.isPointInPath(55, 20)", "false");
+ _assertSame(ctx.isPointInPath(55, 30), true, "ctx.isPointInPath(55, 30)", "true");
+ _assertSame(ctx.isPointInPath(60, 2), false, "ctx.isPointInPath(60, 2)", "false");
+ _assertSame(ctx.isPointInPath(60, 20), false, "ctx.isPointInPath(60, 20)", "false");
+ _assertSame(ctx.isPointInPath(60, 30), true, "ctx.isPointInPath(60, 30)", "true");
+ _assertSame(ctx.isPointInPath(60, 47), false, "ctx.isPointInPath(60, 47)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), true, "ctx.isPointInPath(70, 30)", "true");
+ _assertSame(ctx.isPointInPath(75, 20), false, "ctx.isPointInPath(75, 20)", "false");
+ _assertSame(ctx.isPointInPath(75, 30), false, "ctx.isPointInPath(75, 30)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bezier.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bezier.worker.js
index 6017efc..894fe5d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bezier.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bezier.worker.js
@@ -13,32 +13,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(25, 25);
-ctx.bezierCurveTo(50, -50, 50, 100, 75, 25);
-_assertSame(ctx.isPointInPath(25, 20), false, "ctx.isPointInPath(25, 20)", "false");
-_assertSame(ctx.isPointInPath(25, 30), false, "ctx.isPointInPath(25, 30)", "false");
-_assertSame(ctx.isPointInPath(30, 20), true, "ctx.isPointInPath(30, 20)", "true");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(40, 2), false, "ctx.isPointInPath(40, 2)", "false");
-_assertSame(ctx.isPointInPath(40, 20), true, "ctx.isPointInPath(40, 20)", "true");
-_assertSame(ctx.isPointInPath(40, 30), false, "ctx.isPointInPath(40, 30)", "false");
-_assertSame(ctx.isPointInPath(40, 47), false, "ctx.isPointInPath(40, 47)", "false");
-_assertSame(ctx.isPointInPath(45, 20), true, "ctx.isPointInPath(45, 20)", "true");
-_assertSame(ctx.isPointInPath(45, 30), false, "ctx.isPointInPath(45, 30)", "false");
-_assertSame(ctx.isPointInPath(55, 20), false, "ctx.isPointInPath(55, 20)", "false");
-_assertSame(ctx.isPointInPath(55, 30), true, "ctx.isPointInPath(55, 30)", "true");
-_assertSame(ctx.isPointInPath(60, 2), false, "ctx.isPointInPath(60, 2)", "false");
-_assertSame(ctx.isPointInPath(60, 20), false, "ctx.isPointInPath(60, 20)", "false");
-_assertSame(ctx.isPointInPath(60, 30), true, "ctx.isPointInPath(60, 30)", "true");
-_assertSame(ctx.isPointInPath(60, 47), false, "ctx.isPointInPath(60, 47)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 30), true, "ctx.isPointInPath(70, 30)", "true");
-_assertSame(ctx.isPointInPath(75, 20), false, "ctx.isPointInPath(75, 20)", "false");
-_assertSame(ctx.isPointInPath(75, 30), false, "ctx.isPointInPath(75, 30)", "false");
-t.done();
-
+ ctx.moveTo(25, 25);
+ ctx.bezierCurveTo(50, -50, 50, 100, 75, 25);
+ _assertSame(ctx.isPointInPath(25, 20), false, "ctx.isPointInPath(25, 20)", "false");
+ _assertSame(ctx.isPointInPath(25, 30), false, "ctx.isPointInPath(25, 30)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), true, "ctx.isPointInPath(30, 20)", "true");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(40, 2), false, "ctx.isPointInPath(40, 2)", "false");
+ _assertSame(ctx.isPointInPath(40, 20), true, "ctx.isPointInPath(40, 20)", "true");
+ _assertSame(ctx.isPointInPath(40, 30), false, "ctx.isPointInPath(40, 30)", "false");
+ _assertSame(ctx.isPointInPath(40, 47), false, "ctx.isPointInPath(40, 47)", "false");
+ _assertSame(ctx.isPointInPath(45, 20), true, "ctx.isPointInPath(45, 20)", "true");
+ _assertSame(ctx.isPointInPath(45, 30), false, "ctx.isPointInPath(45, 30)", "false");
+ _assertSame(ctx.isPointInPath(55, 20), false, "ctx.isPointInPath(55, 20)", "false");
+ _assertSame(ctx.isPointInPath(55, 30), true, "ctx.isPointInPath(55, 30)", "true");
+ _assertSame(ctx.isPointInPath(60, 2), false, "ctx.isPointInPath(60, 2)", "false");
+ _assertSame(ctx.isPointInPath(60, 20), false, "ctx.isPointInPath(60, 20)", "false");
+ _assertSame(ctx.isPointInPath(60, 30), true, "ctx.isPointInPath(60, 30)", "true");
+ _assertSame(ctx.isPointInPath(60, 47), false, "ctx.isPointInPath(60, 47)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), true, "ctx.isPointInPath(70, 30)", "true");
+ _assertSame(ctx.isPointInPath(75, 20), false, "ctx.isPointInPath(75, 20)", "false");
+ _assertSame(ctx.isPointInPath(75, 30), false, "ctx.isPointInPath(75, 30)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bigarc.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bigarc.html
index 2e6e78f..fcb4ca8 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bigarc.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bigarc.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.arc(50, 25, 10, 0, 7, false);
-_assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
-_assertSame(ctx.isPointInPath(50, 20), true, "ctx.isPointInPath(50, 20)", "true");
-_assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
-_assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
-t.done();
+ ctx.arc(50, 25, 10, 0, 7, false);
+ _assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
+ _assertSame(ctx.isPointInPath(50, 20), true, "ctx.isPointInPath(50, 20)", "true");
+ _assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
+ _assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bigarc.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bigarc.worker.js
index 1ee0010..4023379 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bigarc.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.bigarc.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.arc(50, 25, 10, 0, 7, false);
-_assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
-_assertSame(ctx.isPointInPath(50, 20), true, "ctx.isPointInPath(50, 20)", "true");
-_assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
-_assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-_assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
-_assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
-_assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
-t.done();
-
+ ctx.arc(50, 25, 10, 0, 7, false);
+ _assertSame(ctx.isPointInPath(50, 10), false, "ctx.isPointInPath(50, 10)", "false");
+ _assertSame(ctx.isPointInPath(50, 20), true, "ctx.isPointInPath(50, 20)", "true");
+ _assertSame(ctx.isPointInPath(50, 30), true, "ctx.isPointInPath(50, 30)", "true");
+ _assertSame(ctx.isPointInPath(50, 40), false, "ctx.isPointInPath(50, 40)", "false");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
+ _assertSame(ctx.isPointInPath(70, 20), false, "ctx.isPointInPath(70, 20)", "false");
+ _assertSame(ctx.isPointInPath(30, 30), false, "ctx.isPointInPath(30, 30)", "false");
+ _assertSame(ctx.isPointInPath(70, 30), false, "ctx.isPointInPath(70, 30)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.edge.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.edge.html
index bcd4eae..aa367b4 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.edge.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.edge.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(0, 0), true, "ctx.isPointInPath(0, 0)", "true");
-_assertSame(ctx.isPointInPath(10, 0), true, "ctx.isPointInPath(10, 0)", "true");
-_assertSame(ctx.isPointInPath(20, 0), true, "ctx.isPointInPath(20, 0)", "true");
-_assertSame(ctx.isPointInPath(20, 10), true, "ctx.isPointInPath(20, 10)", "true");
-_assertSame(ctx.isPointInPath(20, 20), true, "ctx.isPointInPath(20, 20)", "true");
-_assertSame(ctx.isPointInPath(10, 20), true, "ctx.isPointInPath(10, 20)", "true");
-_assertSame(ctx.isPointInPath(0, 20), true, "ctx.isPointInPath(0, 20)", "true");
-_assertSame(ctx.isPointInPath(0, 10), true, "ctx.isPointInPath(0, 10)", "true");
-_assertSame(ctx.isPointInPath(10, -0.01), false, "ctx.isPointInPath(10, -0.01)", "false");
-_assertSame(ctx.isPointInPath(10, 20.01), false, "ctx.isPointInPath(10, 20.01)", "false");
-_assertSame(ctx.isPointInPath(-0.01, 10), false, "ctx.isPointInPath(-0.01, 10)", "false");
-_assertSame(ctx.isPointInPath(20.01, 10), false, "ctx.isPointInPath(20.01, 10)", "false");
-t.done();
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(0, 0), true, "ctx.isPointInPath(0, 0)", "true");
+ _assertSame(ctx.isPointInPath(10, 0), true, "ctx.isPointInPath(10, 0)", "true");
+ _assertSame(ctx.isPointInPath(20, 0), true, "ctx.isPointInPath(20, 0)", "true");
+ _assertSame(ctx.isPointInPath(20, 10), true, "ctx.isPointInPath(20, 10)", "true");
+ _assertSame(ctx.isPointInPath(20, 20), true, "ctx.isPointInPath(20, 20)", "true");
+ _assertSame(ctx.isPointInPath(10, 20), true, "ctx.isPointInPath(10, 20)", "true");
+ _assertSame(ctx.isPointInPath(0, 20), true, "ctx.isPointInPath(0, 20)", "true");
+ _assertSame(ctx.isPointInPath(0, 10), true, "ctx.isPointInPath(0, 10)", "true");
+ _assertSame(ctx.isPointInPath(10, -0.01), false, "ctx.isPointInPath(10, -0.01)", "false");
+ _assertSame(ctx.isPointInPath(10, 20.01), false, "ctx.isPointInPath(10, 20.01)", "false");
+ _assertSame(ctx.isPointInPath(-0.01, 10), false, "ctx.isPointInPath(-0.01, 10)", "false");
+ _assertSame(ctx.isPointInPath(20.01, 10), false, "ctx.isPointInPath(20.01, 10)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.edge.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.edge.worker.js
index 21222eb..3918a6f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.edge.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.edge.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(0, 0), true, "ctx.isPointInPath(0, 0)", "true");
-_assertSame(ctx.isPointInPath(10, 0), true, "ctx.isPointInPath(10, 0)", "true");
-_assertSame(ctx.isPointInPath(20, 0), true, "ctx.isPointInPath(20, 0)", "true");
-_assertSame(ctx.isPointInPath(20, 10), true, "ctx.isPointInPath(20, 10)", "true");
-_assertSame(ctx.isPointInPath(20, 20), true, "ctx.isPointInPath(20, 20)", "true");
-_assertSame(ctx.isPointInPath(10, 20), true, "ctx.isPointInPath(10, 20)", "true");
-_assertSame(ctx.isPointInPath(0, 20), true, "ctx.isPointInPath(0, 20)", "true");
-_assertSame(ctx.isPointInPath(0, 10), true, "ctx.isPointInPath(0, 10)", "true");
-_assertSame(ctx.isPointInPath(10, -0.01), false, "ctx.isPointInPath(10, -0.01)", "false");
-_assertSame(ctx.isPointInPath(10, 20.01), false, "ctx.isPointInPath(10, 20.01)", "false");
-_assertSame(ctx.isPointInPath(-0.01, 10), false, "ctx.isPointInPath(-0.01, 10)", "false");
-_assertSame(ctx.isPointInPath(20.01, 10), false, "ctx.isPointInPath(20.01, 10)", "false");
-t.done();
-
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(0, 0), true, "ctx.isPointInPath(0, 0)", "true");
+ _assertSame(ctx.isPointInPath(10, 0), true, "ctx.isPointInPath(10, 0)", "true");
+ _assertSame(ctx.isPointInPath(20, 0), true, "ctx.isPointInPath(20, 0)", "true");
+ _assertSame(ctx.isPointInPath(20, 10), true, "ctx.isPointInPath(20, 10)", "true");
+ _assertSame(ctx.isPointInPath(20, 20), true, "ctx.isPointInPath(20, 20)", "true");
+ _assertSame(ctx.isPointInPath(10, 20), true, "ctx.isPointInPath(10, 20)", "true");
+ _assertSame(ctx.isPointInPath(0, 20), true, "ctx.isPointInPath(0, 20)", "true");
+ _assertSame(ctx.isPointInPath(0, 10), true, "ctx.isPointInPath(0, 10)", "true");
+ _assertSame(ctx.isPointInPath(10, -0.01), false, "ctx.isPointInPath(10, -0.01)", "false");
+ _assertSame(ctx.isPointInPath(10, 20.01), false, "ctx.isPointInPath(10, 20.01)", "false");
+ _assertSame(ctx.isPointInPath(-0.01, 10), false, "ctx.isPointInPath(-0.01, 10)", "false");
+ _assertSame(ctx.isPointInPath(20.01, 10), false, "ctx.isPointInPath(20.01, 10)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.empty.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.empty.html
index 9a87509..d2ebf1e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.empty.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.empty.html
@@ -17,11 +17,11 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-_assertSame(ctx.isPointInPath(0, 0), false, "ctx.isPointInPath(0, 0)", "false");
-t.done();
+ _assertSame(ctx.isPointInPath(0, 0), false, "ctx.isPointInPath(0, 0)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.empty.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.empty.worker.js
index e449ee2..319836d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.empty.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.empty.worker.js
@@ -13,11 +13,10 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-_assertSame(ctx.isPointInPath(0, 0), false, "ctx.isPointInPath(0, 0)", "false");
-t.done();
-
+ _assertSame(ctx.isPointInPath(0, 0), false, "ctx.isPointInPath(0, 0)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.nonfinite.html
index 8dc4c1d..ef12d05 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.nonfinite.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(-100, -50, 200, 100);
-_assertSame(ctx.isPointInPath(Infinity, 0), false, "ctx.isPointInPath(Infinity, 0)", "false");
-_assertSame(ctx.isPointInPath(-Infinity, 0), false, "ctx.isPointInPath(-Infinity, 0)", "false");
-_assertSame(ctx.isPointInPath(NaN, 0), false, "ctx.isPointInPath(NaN, 0)", "false");
-_assertSame(ctx.isPointInPath(0, Infinity), false, "ctx.isPointInPath(0, Infinity)", "false");
-_assertSame(ctx.isPointInPath(0, -Infinity), false, "ctx.isPointInPath(0, -Infinity)", "false");
-_assertSame(ctx.isPointInPath(0, NaN), false, "ctx.isPointInPath(0, NaN)", "false");
-_assertSame(ctx.isPointInPath(NaN, NaN), false, "ctx.isPointInPath(NaN, NaN)", "false");
-t.done();
+ ctx.rect(-100, -50, 200, 100);
+ _assertSame(ctx.isPointInPath(Infinity, 0), false, "ctx.isPointInPath(Infinity, 0)", "false");
+ _assertSame(ctx.isPointInPath(-Infinity, 0), false, "ctx.isPointInPath(-Infinity, 0)", "false");
+ _assertSame(ctx.isPointInPath(NaN, 0), false, "ctx.isPointInPath(NaN, 0)", "false");
+ _assertSame(ctx.isPointInPath(0, Infinity), false, "ctx.isPointInPath(0, Infinity)", "false");
+ _assertSame(ctx.isPointInPath(0, -Infinity), false, "ctx.isPointInPath(0, -Infinity)", "false");
+ _assertSame(ctx.isPointInPath(0, NaN), false, "ctx.isPointInPath(0, NaN)", "false");
+ _assertSame(ctx.isPointInPath(NaN, NaN), false, "ctx.isPointInPath(NaN, NaN)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.nonfinite.worker.js
index 70a4ece..dfa6eec 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.nonfinite.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(-100, -50, 200, 100);
-_assertSame(ctx.isPointInPath(Infinity, 0), false, "ctx.isPointInPath(Infinity, 0)", "false");
-_assertSame(ctx.isPointInPath(-Infinity, 0), false, "ctx.isPointInPath(-Infinity, 0)", "false");
-_assertSame(ctx.isPointInPath(NaN, 0), false, "ctx.isPointInPath(NaN, 0)", "false");
-_assertSame(ctx.isPointInPath(0, Infinity), false, "ctx.isPointInPath(0, Infinity)", "false");
-_assertSame(ctx.isPointInPath(0, -Infinity), false, "ctx.isPointInPath(0, -Infinity)", "false");
-_assertSame(ctx.isPointInPath(0, NaN), false, "ctx.isPointInPath(0, NaN)", "false");
-_assertSame(ctx.isPointInPath(NaN, NaN), false, "ctx.isPointInPath(NaN, NaN)", "false");
-t.done();
-
+ ctx.rect(-100, -50, 200, 100);
+ _assertSame(ctx.isPointInPath(Infinity, 0), false, "ctx.isPointInPath(Infinity, 0)", "false");
+ _assertSame(ctx.isPointInPath(-Infinity, 0), false, "ctx.isPointInPath(-Infinity, 0)", "false");
+ _assertSame(ctx.isPointInPath(NaN, 0), false, "ctx.isPointInPath(NaN, 0)", "false");
+ _assertSame(ctx.isPointInPath(0, Infinity), false, "ctx.isPointInPath(0, Infinity)", "false");
+ _assertSame(ctx.isPointInPath(0, -Infinity), false, "ctx.isPointInPath(0, -Infinity)", "false");
+ _assertSame(ctx.isPointInPath(0, NaN), false, "ctx.isPointInPath(0, NaN)", "false");
+ _assertSame(ctx.isPointInPath(NaN, NaN), false, "ctx.isPointInPath(NaN, NaN)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.outside.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.outside.html
index d1a1d86..ce2ab81 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.outside.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.outside.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(0, -100, 20, 20);
-ctx.rect(20, -10, 20, 20);
-_assertSame(ctx.isPointInPath(10, -110), false, "ctx.isPointInPath(10, -110)", "false");
-_assertSame(ctx.isPointInPath(10, -90), true, "ctx.isPointInPath(10, -90)", "true");
-_assertSame(ctx.isPointInPath(10, -70), false, "ctx.isPointInPath(10, -70)", "false");
-_assertSame(ctx.isPointInPath(30, -20), false, "ctx.isPointInPath(30, -20)", "false");
-_assertSame(ctx.isPointInPath(30, 0), true, "ctx.isPointInPath(30, 0)", "true");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-t.done();
+ ctx.rect(0, -100, 20, 20);
+ ctx.rect(20, -10, 20, 20);
+ _assertSame(ctx.isPointInPath(10, -110), false, "ctx.isPointInPath(10, -110)", "false");
+ _assertSame(ctx.isPointInPath(10, -90), true, "ctx.isPointInPath(10, -90)", "true");
+ _assertSame(ctx.isPointInPath(10, -70), false, "ctx.isPointInPath(10, -70)", "false");
+ _assertSame(ctx.isPointInPath(30, -20), false, "ctx.isPointInPath(30, -20)", "false");
+ _assertSame(ctx.isPointInPath(30, 0), true, "ctx.isPointInPath(30, 0)", "true");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.outside.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.outside.worker.js
index 6d07105..d4db12e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.outside.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.outside.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(0, -100, 20, 20);
-ctx.rect(20, -10, 20, 20);
-_assertSame(ctx.isPointInPath(10, -110), false, "ctx.isPointInPath(10, -110)", "false");
-_assertSame(ctx.isPointInPath(10, -90), true, "ctx.isPointInPath(10, -90)", "true");
-_assertSame(ctx.isPointInPath(10, -70), false, "ctx.isPointInPath(10, -70)", "false");
-_assertSame(ctx.isPointInPath(30, -20), false, "ctx.isPointInPath(30, -20)", "false");
-_assertSame(ctx.isPointInPath(30, 0), true, "ctx.isPointInPath(30, 0)", "true");
-_assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
-t.done();
-
+ ctx.rect(0, -100, 20, 20);
+ ctx.rect(20, -10, 20, 20);
+ _assertSame(ctx.isPointInPath(10, -110), false, "ctx.isPointInPath(10, -110)", "false");
+ _assertSame(ctx.isPointInPath(10, -90), true, "ctx.isPointInPath(10, -90)", "true");
+ _assertSame(ctx.isPointInPath(10, -70), false, "ctx.isPointInPath(10, -70)", "false");
+ _assertSame(ctx.isPointInPath(30, -20), false, "ctx.isPointInPath(30, -20)", "false");
+ _assertSame(ctx.isPointInPath(30, 0), true, "ctx.isPointInPath(30, 0)", "true");
+ _assertSame(ctx.isPointInPath(30, 20), false, "ctx.isPointInPath(30, 20)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.subpath.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.subpath.html
index b0ea1f9..c4abd92 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.subpath.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.subpath.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(0, 0, 20, 20);
-ctx.beginPath();
-ctx.rect(20, 0, 20, 20);
-ctx.closePath();
-ctx.rect(40, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
-_assertSame(ctx.isPointInPath(50, 10), true, "ctx.isPointInPath(50, 10)", "true");
-t.done();
+ ctx.rect(0, 0, 20, 20);
+ ctx.beginPath();
+ ctx.rect(20, 0, 20, 20);
+ ctx.closePath();
+ ctx.rect(40, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
+ _assertSame(ctx.isPointInPath(50, 10), true, "ctx.isPointInPath(50, 10)", "true");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.subpath.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.subpath.worker.js
index 4a82fcc..82df3b7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.subpath.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.subpath.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(0, 0, 20, 20);
-ctx.beginPath();
-ctx.rect(20, 0, 20, 20);
-ctx.closePath();
-ctx.rect(40, 0, 20, 20);
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
-_assertSame(ctx.isPointInPath(50, 10), true, "ctx.isPointInPath(50, 10)", "true");
-t.done();
-
+ ctx.rect(0, 0, 20, 20);
+ ctx.beginPath();
+ ctx.rect(20, 0, 20, 20);
+ ctx.closePath();
+ ctx.rect(40, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(30, 10), true, "ctx.isPointInPath(30, 10)", "true");
+ _assertSame(ctx.isPointInPath(50, 10), true, "ctx.isPointInPath(50, 10)", "true");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.1.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.1.html
index 9b7b2e5..bccaa84 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.translate(50, 0);
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-t.done();
+ ctx.translate(50, 0);
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.1.worker.js
index 2fafbe9..0774fd0 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.translate(50, 0);
-ctx.rect(0, 0, 20, 20);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-t.done();
-
+ ctx.translate(50, 0);
+ ctx.rect(0, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.2.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.2.html
index 45b884f..1e587c1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.2.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(50, 0, 20, 20);
-ctx.translate(50, 0);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-t.done();
+ ctx.rect(50, 0, 20, 20);
+ ctx.translate(50, 0);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.2.worker.js
index 3f37e62..ff4c42c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.2.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.rect(50, 0, 20, 20);
-ctx.translate(50, 0);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-t.done();
-
+ ctx.rect(50, 0, 20, 20);
+ ctx.translate(50, 0);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.3.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.3.html
index 923da48..826d7e2 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.3.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.scale(-1, 1);
-ctx.rect(-70, 0, 20, 20);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-t.done();
+ ctx.scale(-1, 1);
+ ctx.rect(-70, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.3.worker.js
index 172d0a7..f6750e9 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.3.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.scale(-1, 1);
-ctx.rect(-70, 0, 20, 20);
-_assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
-_assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
-_assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
-_assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
-_assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
-_assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
-t.done();
-
+ ctx.scale(-1, 1);
+ ctx.rect(-70, 0, 20, 20);
+ _assertSame(ctx.isPointInPath(-40, 10), false, "ctx.isPointInPath(-40, 10)", "false");
+ _assertSame(ctx.isPointInPath(10, 10), false, "ctx.isPointInPath(10, 10)", "false");
+ _assertSame(ctx.isPointInPath(49, 10), false, "ctx.isPointInPath(49, 10)", "false");
+ _assertSame(ctx.isPointInPath(51, 10), true, "ctx.isPointInPath(51, 10)", "true");
+ _assertSame(ctx.isPointInPath(69, 10), true, "ctx.isPointInPath(69, 10)", "true");
+ _assertSame(ctx.isPointInPath(71, 10), false, "ctx.isPointInPath(71, 10)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.4.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.4.html
index 0f87cc2..97792d6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.4.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.4.html
@@ -17,16 +17,16 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.translate(50, 0);
-ctx.rect(50, 0, 20, 20);
-ctx.translate(0, 50);
-_assertSame(ctx.isPointInPath(60, 10), false, "ctx.isPointInPath(60, 10)", "false");
-_assertSame(ctx.isPointInPath(110, 10), true, "ctx.isPointInPath(110, 10)", "true");
-_assertSame(ctx.isPointInPath(110, 60), false, "ctx.isPointInPath(110, 60)", "false");
-t.done();
+ ctx.translate(50, 0);
+ ctx.rect(50, 0, 20, 20);
+ ctx.translate(0, 50);
+ _assertSame(ctx.isPointInPath(60, 10), false, "ctx.isPointInPath(60, 10)", "false");
+ _assertSame(ctx.isPointInPath(110, 10), true, "ctx.isPointInPath(110, 10)", "true");
+ _assertSame(ctx.isPointInPath(110, 60), false, "ctx.isPointInPath(110, 60)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.4.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.4.worker.js
index 9931481..f43a8a3 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.4.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.transform.4.worker.js
@@ -13,16 +13,15 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.translate(50, 0);
-ctx.rect(50, 0, 20, 20);
-ctx.translate(0, 50);
-_assertSame(ctx.isPointInPath(60, 10), false, "ctx.isPointInPath(60, 10)", "false");
-_assertSame(ctx.isPointInPath(110, 10), true, "ctx.isPointInPath(110, 10)", "true");
-_assertSame(ctx.isPointInPath(110, 60), false, "ctx.isPointInPath(110, 60)", "false");
-t.done();
-
+ ctx.translate(50, 0);
+ ctx.rect(50, 0, 20, 20);
+ ctx.translate(0, 50);
+ _assertSame(ctx.isPointInPath(60, 10), false, "ctx.isPointInPath(60, 10)", "false");
+ _assertSame(ctx.isPointInPath(110, 10), true, "ctx.isPointInPath(110, 10)", "true");
+ _assertSame(ctx.isPointInPath(110, 60), false, "ctx.isPointInPath(110, 60)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.unclosed.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.unclosed.html
index 098370f..3920c7d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.unclosed.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.unclosed.html
@@ -17,16 +17,16 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(20, 0);
-ctx.lineTo(20, 20);
-ctx.lineTo(0, 20);
-_assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
-_assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
-t.done();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(20, 0);
+ ctx.lineTo(20, 20);
+ ctx.lineTo(0, 20);
+ _assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
+ _assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.unclosed.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.unclosed.worker.js
index ad4ac87..7b5ffc4 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.unclosed.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.unclosed.worker.js
@@ -13,16 +13,15 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(20, 0);
-ctx.lineTo(20, 20);
-ctx.lineTo(0, 20);
-_assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
-_assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
-t.done();
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(20, 0);
+ ctx.lineTo(20, 20);
+ ctx.lineTo(0, 20);
+ _assertSame(ctx.isPointInPath(10, 10), true, "ctx.isPointInPath(10, 10)", "true");
+ _assertSame(ctx.isPointInPath(30, 10), false, "ctx.isPointInPath(30, 10)", "false");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.winding.html b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.winding.html
index 9698017..b2741a5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.winding.html
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.winding.html
@@ -17,30 +17,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-// Create a square ring, using opposite windings to make a hole in the centre
-ctx.moveTo(0, 0);
-ctx.lineTo(50, 0);
-ctx.lineTo(50, 50);
-ctx.lineTo(0, 50);
-ctx.lineTo(0, 0);
-ctx.lineTo(10, 10);
-ctx.lineTo(10, 40);
-ctx.lineTo(40, 40);
-ctx.lineTo(40, 10);
-ctx.lineTo(10, 10);
-_assertSame(ctx.isPointInPath(5, 5), true, "ctx.isPointInPath(5, 5)", "true");
-_assertSame(ctx.isPointInPath(25, 5), true, "ctx.isPointInPath(25, 5)", "true");
-_assertSame(ctx.isPointInPath(45, 5), true, "ctx.isPointInPath(45, 5)", "true");
-_assertSame(ctx.isPointInPath(5, 25), true, "ctx.isPointInPath(5, 25)", "true");
-_assertSame(ctx.isPointInPath(25, 25), false, "ctx.isPointInPath(25, 25)", "false");
-_assertSame(ctx.isPointInPath(45, 25), true, "ctx.isPointInPath(45, 25)", "true");
-_assertSame(ctx.isPointInPath(5, 45), true, "ctx.isPointInPath(5, 45)", "true");
-_assertSame(ctx.isPointInPath(25, 45), true, "ctx.isPointInPath(25, 45)", "true");
-_assertSame(ctx.isPointInPath(45, 45), true, "ctx.isPointInPath(45, 45)", "true");
-t.done();
+ // Create a square ring, using opposite windings to make a hole in the centre
+ ctx.moveTo(0, 0);
+ ctx.lineTo(50, 0);
+ ctx.lineTo(50, 50);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(10, 10);
+ ctx.lineTo(10, 40);
+ ctx.lineTo(40, 40);
+ ctx.lineTo(40, 10);
+ ctx.lineTo(10, 10);
+
+ _assertSame(ctx.isPointInPath(5, 5), true, "ctx.isPointInPath(5, 5)", "true");
+ _assertSame(ctx.isPointInPath(25, 5), true, "ctx.isPointInPath(25, 5)", "true");
+ _assertSame(ctx.isPointInPath(45, 5), true, "ctx.isPointInPath(45, 5)", "true");
+ _assertSame(ctx.isPointInPath(5, 25), true, "ctx.isPointInPath(5, 25)", "true");
+ _assertSame(ctx.isPointInPath(25, 25), false, "ctx.isPointInPath(25, 25)", "false");
+ _assertSame(ctx.isPointInPath(45, 25), true, "ctx.isPointInPath(45, 25)", "true");
+ _assertSame(ctx.isPointInPath(5, 45), true, "ctx.isPointInPath(5, 45)", "true");
+ _assertSame(ctx.isPointInPath(25, 45), true, "ctx.isPointInPath(25, 45)", "true");
+ _assertSame(ctx.isPointInPath(45, 45), true, "ctx.isPointInPath(45, 45)", "true");
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.winding.worker.js b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.winding.worker.js
index 6ef7581..094bc05 100644
--- a/html/canvas/offscreen/path-objects/2d.path.isPointInPath.winding.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.isPointInPath.winding.worker.js
@@ -13,30 +13,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-// Create a square ring, using opposite windings to make a hole in the centre
-ctx.moveTo(0, 0);
-ctx.lineTo(50, 0);
-ctx.lineTo(50, 50);
-ctx.lineTo(0, 50);
-ctx.lineTo(0, 0);
-ctx.lineTo(10, 10);
-ctx.lineTo(10, 40);
-ctx.lineTo(40, 40);
-ctx.lineTo(40, 10);
-ctx.lineTo(10, 10);
-_assertSame(ctx.isPointInPath(5, 5), true, "ctx.isPointInPath(5, 5)", "true");
-_assertSame(ctx.isPointInPath(25, 5), true, "ctx.isPointInPath(25, 5)", "true");
-_assertSame(ctx.isPointInPath(45, 5), true, "ctx.isPointInPath(45, 5)", "true");
-_assertSame(ctx.isPointInPath(5, 25), true, "ctx.isPointInPath(5, 25)", "true");
-_assertSame(ctx.isPointInPath(25, 25), false, "ctx.isPointInPath(25, 25)", "false");
-_assertSame(ctx.isPointInPath(45, 25), true, "ctx.isPointInPath(45, 25)", "true");
-_assertSame(ctx.isPointInPath(5, 45), true, "ctx.isPointInPath(5, 45)", "true");
-_assertSame(ctx.isPointInPath(25, 45), true, "ctx.isPointInPath(25, 45)", "true");
-_assertSame(ctx.isPointInPath(45, 45), true, "ctx.isPointInPath(45, 45)", "true");
-t.done();
+ // Create a square ring, using opposite windings to make a hole in the centre
+ ctx.moveTo(0, 0);
+ ctx.lineTo(50, 0);
+ ctx.lineTo(50, 50);
+ ctx.lineTo(0, 50);
+ ctx.lineTo(0, 0);
+ ctx.lineTo(10, 10);
+ ctx.lineTo(10, 40);
+ ctx.lineTo(40, 40);
+ ctx.lineTo(40, 10);
+ ctx.lineTo(10, 10);
+ _assertSame(ctx.isPointInPath(5, 5), true, "ctx.isPointInPath(5, 5)", "true");
+ _assertSame(ctx.isPointInPath(25, 5), true, "ctx.isPointInPath(25, 5)", "true");
+ _assertSame(ctx.isPointInPath(45, 5), true, "ctx.isPointInPath(45, 5)", "true");
+ _assertSame(ctx.isPointInPath(5, 25), true, "ctx.isPointInPath(5, 25)", "true");
+ _assertSame(ctx.isPointInPath(25, 25), false, "ctx.isPointInPath(25, 25)", "false");
+ _assertSame(ctx.isPointInPath(45, 25), true, "ctx.isPointInPath(45, 25)", "true");
+ _assertSame(ctx.isPointInPath(5, 45), true, "ctx.isPointInPath(5, 45)", "true");
+ _assertSame(ctx.isPointInPath(25, 45), true, "ctx.isPointInPath(25, 45)", "true");
+ _assertSame(ctx.isPointInPath(45, 45), true, "ctx.isPointInPath(45, 45)", "true");
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.basic.html b/html/canvas/offscreen/path-objects/2d.path.lineTo.basic.html
index 3247ede..e0bc646 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.basic.html
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.basic.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.basic.worker.js b/html/canvas/offscreen/path-objects/2d.path.lineTo.basic.worker.js
index 980de5c..6e02a1f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.basic.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.basic.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.1.html b/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.1.html
index 5a15f9e..2561a2f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.lineTo(100, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.lineTo(100, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.1.worker.js
index 024754c..ae4d857 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.lineTo(100, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.lineTo(100, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.2.html b/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.2.html
index eaad8da..9ca14a1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.2.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.lineTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.lineTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.2.worker.js
index 2a15c9e..b6af212 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.ensuresubpath.2.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.lineTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.lineTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.nextpoint.html b/html/canvas/offscreen/path-objects/2d.path.lineTo.nextpoint.html
index fc697b9..a649d3a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.nextpoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.nextpoint.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(-100, -100);
-ctx.lineTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(-100, -100);
+ ctx.lineTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.nextpoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.lineTo.nextpoint.worker.js
index de9d56b..9e4e24a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.nextpoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.nextpoint.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(-100, -100);
-ctx.lineTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(-100, -100);
+ ctx.lineTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.details.html b/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.details.html
index 82270be..35bc80d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.details.html
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.details.html
@@ -17,15 +17,15 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-for (var arg1 of [Infinity, -Infinity, NaN]) {
- var converted = false;
- ctx.lineTo(arg1, { valueOf: function() { converted = true; return 0; } });
- _assert(converted, "converted");
-}
-t.done();
+ for (var arg1 of [Infinity, -Infinity, NaN]) {
+ var converted = false;
+ ctx.lineTo(arg1, { valueOf: function() { converted = true; return 0; } });
+ _assert(converted, "converted");
+ }
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.details.worker.js b/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.details.worker.js
index bf74ee5..5052c74 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.details.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.details.worker.js
@@ -13,15 +13,14 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-for (var arg1 of [Infinity, -Infinity, NaN]) {
- var converted = false;
- ctx.lineTo(arg1, { valueOf: function() { converted = true; return 0; } });
- _assert(converted, "converted");
-}
-t.done();
-
+ for (var arg1 of [Infinity, -Infinity, NaN]) {
+ var converted = false;
+ ctx.lineTo(arg1, { valueOf: function() { converted = true; return 0; } });
+ _assert(converted, "converted");
+ }
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.html
index 02d7716..5a144dd 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.html
@@ -17,25 +17,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(Infinity, 50);
-ctx.lineTo(-Infinity, 50);
-ctx.lineTo(NaN, 50);
-ctx.lineTo(0, Infinity);
-ctx.lineTo(0, -Infinity);
-ctx.lineTo(0, NaN);
-ctx.lineTo(Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(Infinity, 50);
+ ctx.lineTo(-Infinity, 50);
+ ctx.lineTo(NaN, 50);
+ ctx.lineTo(0, Infinity);
+ ctx.lineTo(0, -Infinity);
+ ctx.lineTo(0, NaN);
+ ctx.lineTo(Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.worker.js
index 5161b4e..82921b7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.lineTo.nonfinite.worker.js
@@ -13,25 +13,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.lineTo(Infinity, 50);
-ctx.lineTo(-Infinity, 50);
-ctx.lineTo(NaN, 50);
-ctx.lineTo(0, Infinity);
-ctx.lineTo(0, -Infinity);
-ctx.lineTo(0, NaN);
-ctx.lineTo(Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.lineTo(Infinity, 50);
+ ctx.lineTo(-Infinity, 50);
+ ctx.lineTo(NaN, 50);
+ ctx.lineTo(0, Infinity);
+ ctx.lineTo(0, -Infinity);
+ ctx.lineTo(0, NaN);
+ ctx.lineTo(Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.moveTo.basic.html b/html/canvas/offscreen/path-objects/2d.path.moveTo.basic.html
index 8363792..f9777c6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.moveTo.basic.html
+++ b/html/canvas/offscreen/path-objects/2d.path.moveTo.basic.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.rect(0, 0, 10, 50);
-ctx.moveTo(100, 0);
-ctx.lineTo(10, 0);
-ctx.lineTo(10, 50);
-ctx.lineTo(100, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 90,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.rect(0, 0, 10, 50);
+ ctx.moveTo(100, 0);
+ ctx.lineTo(10, 0);
+ ctx.lineTo(10, 50);
+ ctx.lineTo(100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 90,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.moveTo.basic.worker.js b/html/canvas/offscreen/path-objects/2d.path.moveTo.basic.worker.js
index eca3966..0b1df37 100644
--- a/html/canvas/offscreen/path-objects/2d.path.moveTo.basic.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.moveTo.basic.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.rect(0, 0, 10, 50);
-ctx.moveTo(100, 0);
-ctx.lineTo(10, 0);
-ctx.lineTo(10, 50);
-ctx.lineTo(100, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 90,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.rect(0, 0, 10, 50);
+ ctx.moveTo(100, 0);
+ ctx.lineTo(10, 0);
+ ctx.lineTo(10, 50);
+ ctx.lineTo(100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 90,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.moveTo.multiple.html b/html/canvas/offscreen/path-objects/2d.path.moveTo.multiple.html
index 928c978..0b56cbb 100644
--- a/html/canvas/offscreen/path-objects/2d.path.moveTo.multiple.html
+++ b/html/canvas/offscreen/path-objects/2d.path.moveTo.multiple.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 25);
-ctx.moveTo(100, 25);
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.moveTo(0, 25);
+ ctx.moveTo(100, 25);
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.moveTo.multiple.worker.js b/html/canvas/offscreen/path-objects/2d.path.moveTo.multiple.worker.js
index 686f5ae..9f49ea8 100644
--- a/html/canvas/offscreen/path-objects/2d.path.moveTo.multiple.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.moveTo.multiple.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.moveTo(0, 25);
-ctx.moveTo(100, 25);
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.moveTo(0, 25);
+ ctx.moveTo(100, 25);
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.moveTo.newsubpath.html b/html/canvas/offscreen/path-objects/2d.path.moveTo.newsubpath.html
index 89fda23..c2594c0 100644
--- a/html/canvas/offscreen/path-objects/2d.path.moveTo.newsubpath.html
+++ b/html/canvas/offscreen/path-objects/2d.path.moveTo.newsubpath.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.moveTo(100, 0);
-ctx.moveTo(100, 50);
-ctx.moveTo(0, 50);
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.moveTo(100, 0);
+ ctx.moveTo(100, 50);
+ ctx.moveTo(0, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.moveTo.newsubpath.worker.js b/html/canvas/offscreen/path-objects/2d.path.moveTo.newsubpath.worker.js
index d00491c..e3c9c85 100644
--- a/html/canvas/offscreen/path-objects/2d.path.moveTo.newsubpath.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.moveTo.newsubpath.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.moveTo(0, 0);
-ctx.moveTo(100, 0);
-ctx.moveTo(100, 50);
-ctx.moveTo(0, 50);
-ctx.fillStyle = '#f00';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.moveTo(0, 0);
+ ctx.moveTo(100, 0);
+ ctx.moveTo(100, 50);
+ ctx.moveTo(0, 50);
+ ctx.fillStyle = '#f00';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.moveTo.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.moveTo.nonfinite.html
index 1a2e6cf..ea3eb34 100644
--- a/html/canvas/offscreen/path-objects/2d.path.moveTo.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.moveTo.nonfinite.html
@@ -17,24 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.moveTo(Infinity, 50);
-ctx.moveTo(-Infinity, 50);
-ctx.moveTo(NaN, 50);
-ctx.moveTo(0, Infinity);
-ctx.moveTo(0, -Infinity);
-ctx.moveTo(0, NaN);
-ctx.moveTo(Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.moveTo(Infinity, 50);
+ ctx.moveTo(-Infinity, 50);
+ ctx.moveTo(NaN, 50);
+ ctx.moveTo(0, Infinity);
+ ctx.moveTo(0, -Infinity);
+ ctx.moveTo(0, NaN);
+ ctx.moveTo(Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.moveTo.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.moveTo.nonfinite.worker.js
index ced534f..97e2bd7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.moveTo.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.moveTo.nonfinite.worker.js
@@ -13,24 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.moveTo(Infinity, 50);
-ctx.moveTo(-Infinity, 50);
-ctx.moveTo(NaN, 50);
-ctx.moveTo(0, Infinity);
-ctx.moveTo(0, -Infinity);
-ctx.moveTo(0, NaN);
-ctx.moveTo(Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.moveTo(Infinity, 50);
+ ctx.moveTo(-Infinity, 50);
+ ctx.moveTo(NaN, 50);
+ ctx.moveTo(0, Infinity);
+ ctx.moveTo(0, -Infinity);
+ ctx.moveTo(0, NaN);
+ ctx.moveTo(Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.basic.html b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.basic.html
index 46a83e1..4d14ce5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.basic.html
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.basic.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.quadraticCurveTo(100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.quadraticCurveTo(100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.basic.worker.js b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.basic.worker.js
index a1dfa04..161e5f1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.basic.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.basic.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.moveTo(0, 25);
-ctx.quadraticCurveTo(100, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.moveTo(0, 25);
+ ctx.quadraticCurveTo(100, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.html b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.html
index 37662e4..3e916f0 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.quadraticCurveTo(100, 50, 200, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 95,45, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.quadraticCurveTo(100, 50, 200, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 95,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.worker.js
index fe20e7b..95dcf2b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.1.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.quadraticCurveTo(100, 50, 200, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 95,45, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.quadraticCurveTo(100, 50, 200, 50);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 95,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.html b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.html
index 2f18424..2fb05a2 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.quadraticCurveTo(0, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 5,45, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.quadraticCurveTo(0, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 5,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.worker.js
index f840168..4beaf9d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.ensuresubpath.2.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.beginPath();
-ctx.quadraticCurveTo(0, 25, 100, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 5,45, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.beginPath();
+ ctx.quadraticCurveTo(0, 25, 100, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 5,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.nonfinite.html
index 1083f02..ee4f333 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.nonfinite.html
@@ -17,41 +17,41 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.quadraticCurveTo(Infinity, 50, 0, 50);
-ctx.quadraticCurveTo(-Infinity, 50, 0, 50);
-ctx.quadraticCurveTo(NaN, 50, 0, 50);
-ctx.quadraticCurveTo(0, Infinity, 0, 50);
-ctx.quadraticCurveTo(0, -Infinity, 0, 50);
-ctx.quadraticCurveTo(0, NaN, 0, 50);
-ctx.quadraticCurveTo(0, 50, Infinity, 50);
-ctx.quadraticCurveTo(0, 50, -Infinity, 50);
-ctx.quadraticCurveTo(0, 50, NaN, 50);
-ctx.quadraticCurveTo(0, 50, 0, Infinity);
-ctx.quadraticCurveTo(0, 50, 0, -Infinity);
-ctx.quadraticCurveTo(0, 50, 0, NaN);
-ctx.quadraticCurveTo(Infinity, Infinity, 0, 50);
-ctx.quadraticCurveTo(Infinity, Infinity, Infinity, 50);
-ctx.quadraticCurveTo(Infinity, Infinity, Infinity, Infinity);
-ctx.quadraticCurveTo(Infinity, Infinity, 0, Infinity);
-ctx.quadraticCurveTo(Infinity, 50, Infinity, 50);
-ctx.quadraticCurveTo(Infinity, 50, Infinity, Infinity);
-ctx.quadraticCurveTo(Infinity, 50, 0, Infinity);
-ctx.quadraticCurveTo(0, Infinity, Infinity, 50);
-ctx.quadraticCurveTo(0, Infinity, Infinity, Infinity);
-ctx.quadraticCurveTo(0, Infinity, 0, Infinity);
-ctx.quadraticCurveTo(0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.quadraticCurveTo(Infinity, 50, 0, 50);
+ ctx.quadraticCurveTo(-Infinity, 50, 0, 50);
+ ctx.quadraticCurveTo(NaN, 50, 0, 50);
+ ctx.quadraticCurveTo(0, Infinity, 0, 50);
+ ctx.quadraticCurveTo(0, -Infinity, 0, 50);
+ ctx.quadraticCurveTo(0, NaN, 0, 50);
+ ctx.quadraticCurveTo(0, 50, Infinity, 50);
+ ctx.quadraticCurveTo(0, 50, -Infinity, 50);
+ ctx.quadraticCurveTo(0, 50, NaN, 50);
+ ctx.quadraticCurveTo(0, 50, 0, Infinity);
+ ctx.quadraticCurveTo(0, 50, 0, -Infinity);
+ ctx.quadraticCurveTo(0, 50, 0, NaN);
+ ctx.quadraticCurveTo(Infinity, Infinity, 0, 50);
+ ctx.quadraticCurveTo(Infinity, Infinity, Infinity, 50);
+ ctx.quadraticCurveTo(Infinity, Infinity, Infinity, Infinity);
+ ctx.quadraticCurveTo(Infinity, Infinity, 0, Infinity);
+ ctx.quadraticCurveTo(Infinity, 50, Infinity, 50);
+ ctx.quadraticCurveTo(Infinity, 50, Infinity, Infinity);
+ ctx.quadraticCurveTo(Infinity, 50, 0, Infinity);
+ ctx.quadraticCurveTo(0, Infinity, Infinity, 50);
+ ctx.quadraticCurveTo(0, Infinity, Infinity, Infinity);
+ ctx.quadraticCurveTo(0, Infinity, 0, Infinity);
+ ctx.quadraticCurveTo(0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.nonfinite.worker.js
index df17bd6..a61eb9a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.nonfinite.worker.js
@@ -13,41 +13,40 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.quadraticCurveTo(Infinity, 50, 0, 50);
-ctx.quadraticCurveTo(-Infinity, 50, 0, 50);
-ctx.quadraticCurveTo(NaN, 50, 0, 50);
-ctx.quadraticCurveTo(0, Infinity, 0, 50);
-ctx.quadraticCurveTo(0, -Infinity, 0, 50);
-ctx.quadraticCurveTo(0, NaN, 0, 50);
-ctx.quadraticCurveTo(0, 50, Infinity, 50);
-ctx.quadraticCurveTo(0, 50, -Infinity, 50);
-ctx.quadraticCurveTo(0, 50, NaN, 50);
-ctx.quadraticCurveTo(0, 50, 0, Infinity);
-ctx.quadraticCurveTo(0, 50, 0, -Infinity);
-ctx.quadraticCurveTo(0, 50, 0, NaN);
-ctx.quadraticCurveTo(Infinity, Infinity, 0, 50);
-ctx.quadraticCurveTo(Infinity, Infinity, Infinity, 50);
-ctx.quadraticCurveTo(Infinity, Infinity, Infinity, Infinity);
-ctx.quadraticCurveTo(Infinity, Infinity, 0, Infinity);
-ctx.quadraticCurveTo(Infinity, 50, Infinity, 50);
-ctx.quadraticCurveTo(Infinity, 50, Infinity, Infinity);
-ctx.quadraticCurveTo(Infinity, 50, 0, Infinity);
-ctx.quadraticCurveTo(0, Infinity, Infinity, 50);
-ctx.quadraticCurveTo(0, Infinity, Infinity, Infinity);
-ctx.quadraticCurveTo(0, Infinity, 0, Infinity);
-ctx.quadraticCurveTo(0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.quadraticCurveTo(Infinity, 50, 0, 50);
+ ctx.quadraticCurveTo(-Infinity, 50, 0, 50);
+ ctx.quadraticCurveTo(NaN, 50, 0, 50);
+ ctx.quadraticCurveTo(0, Infinity, 0, 50);
+ ctx.quadraticCurveTo(0, -Infinity, 0, 50);
+ ctx.quadraticCurveTo(0, NaN, 0, 50);
+ ctx.quadraticCurveTo(0, 50, Infinity, 50);
+ ctx.quadraticCurveTo(0, 50, -Infinity, 50);
+ ctx.quadraticCurveTo(0, 50, NaN, 50);
+ ctx.quadraticCurveTo(0, 50, 0, Infinity);
+ ctx.quadraticCurveTo(0, 50, 0, -Infinity);
+ ctx.quadraticCurveTo(0, 50, 0, NaN);
+ ctx.quadraticCurveTo(Infinity, Infinity, 0, 50);
+ ctx.quadraticCurveTo(Infinity, Infinity, Infinity, 50);
+ ctx.quadraticCurveTo(Infinity, Infinity, Infinity, Infinity);
+ ctx.quadraticCurveTo(Infinity, Infinity, 0, Infinity);
+ ctx.quadraticCurveTo(Infinity, 50, Infinity, 50);
+ ctx.quadraticCurveTo(Infinity, 50, Infinity, Infinity);
+ ctx.quadraticCurveTo(Infinity, 50, 0, Infinity);
+ ctx.quadraticCurveTo(0, Infinity, Infinity, 50);
+ ctx.quadraticCurveTo(0, Infinity, Infinity, Infinity);
+ ctx.quadraticCurveTo(0, Infinity, 0, Infinity);
+ ctx.quadraticCurveTo(0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.scaled.html b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.scaled.html
index 60ba483..92c9377 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.scaled.html
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.scaled.html
@@ -17,24 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(1000, 1000);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 0.055;
-ctx.beginPath();
-ctx.moveTo(-1, 1.05);
-ctx.quadraticCurveTo(0, -1, 1.2, 1.05);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(1000, 1000);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 0.055;
+ ctx.beginPath();
+ ctx.moveTo(-1, 1.05);
+ ctx.quadraticCurveTo(0, -1, 1.2, 1.05);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.scaled.worker.js b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.scaled.worker.js
index 298001b..04fd6e9 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.scaled.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.scaled.worker.js
@@ -13,24 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.scale(1000, 1000);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 0.055;
-ctx.beginPath();
-ctx.moveTo(-1, 1.05);
-ctx.quadraticCurveTo(0, -1, 1.2, 1.05);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.scale(1000, 1000);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 0.055;
+ ctx.beginPath();
+ ctx.moveTo(-1, 1.05);
+ ctx.quadraticCurveTo(0, -1, 1.2, 1.05);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.shape.html b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.shape.html
index 21cb175..ea42d66 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.shape.html
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.shape.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 55;
-ctx.beginPath();
-ctx.moveTo(-1000, 1050);
-ctx.quadraticCurveTo(0, -1000, 1200, 1050);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 55;
+ ctx.beginPath();
+ ctx.moveTo(-1000, 1050);
+ ctx.quadraticCurveTo(0, -1000, 1200, 1050);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.shape.worker.js b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.shape.worker.js
index f7aac91..9f2afea 100644
--- a/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.shape.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.quadraticCurveTo.shape.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 55;
-ctx.beginPath();
-ctx.moveTo(-1000, 1050);
-ctx.quadraticCurveTo(0, -1000, 1200, 1050);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 55;
+ ctx.beginPath();
+ ctx.moveTo(-1000, 1050);
+ ctx.quadraticCurveTo(0, -1000, 1200, 1050);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.basic.html b/html/canvas/offscreen/path-objects/2d.path.rect.basic.html
index 5214bd8..e8d8747 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.basic.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.basic.html
@@ -17,16 +17,16 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.rect(0, 0, 100, 50);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.rect(0, 0, 100, 50);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.basic.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.basic.worker.js
index dcf3dc2..c8eb383 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.basic.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.basic.worker.js
@@ -13,16 +13,15 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.rect(0, 0, 100, 50);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.rect(0, 0, 100, 50);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.closed.html b/html/canvas/offscreen/path-objects/2d.path.rect.closed.html
index 70db372..6f61874 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.closed.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.closed.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 200;
-ctx.lineJoin = 'miter';
-ctx.rect(100, 50, 100, 100);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 200;
+ ctx.lineJoin = 'miter';
+ ctx.rect(100, 50, 100, 100);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.closed.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.closed.worker.js
index 6ee09ef..f408687 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.closed.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.closed.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 200;
-ctx.lineJoin = 'miter';
-ctx.rect(100, 50, 100, 100);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 200;
+ ctx.lineJoin = 'miter';
+ ctx.rect(100, 50, 100, 100);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.end.1.html b/html/canvas/offscreen/path-objects/2d.path.rect.end.1.html
index bb4bfc0..e4d5ece 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.end.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.end.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.rect(200, 100, 400, 1000);
-ctx.lineTo(-2000, -1000);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.rect(200, 100, 400, 1000);
+ ctx.lineTo(-2000, -1000);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.end.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.end.1.worker.js
index f576ac4..fcf9d05 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.end.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.end.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.rect(200, 100, 400, 1000);
-ctx.lineTo(-2000, -1000);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.rect(200, 100, 400, 1000);
+ ctx.lineTo(-2000, -1000);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.end.2.html b/html/canvas/offscreen/path-objects/2d.path.rect.end.2.html
index 1f945a8..d6bad78 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.end.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.end.2.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 450;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'bevel';
-ctx.rect(150, 150, 2000, 2000);
-ctx.lineTo(160, 160);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 450;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'bevel';
+ ctx.rect(150, 150, 2000, 2000);
+ ctx.lineTo(160, 160);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.end.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.end.2.worker.js
index 8813ed8..84c1b71 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.end.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.end.2.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 450;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'bevel';
-ctx.rect(150, 150, 2000, 2000);
-ctx.lineTo(160, 160);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 450;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'bevel';
+ ctx.rect(150, 150, 2000, 2000);
+ ctx.lineTo(160, 160);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.negative.html b/html/canvas/offscreen/path-objects/2d.path.rect.negative.html
index 8c9effe..730e2e8 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.negative.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.negative.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#0f0';
-ctx.rect(0, 0, 50, 25);
-ctx.rect(100, 0, -50, 25);
-ctx.rect(0, 50, 50, -25);
-ctx.rect(100, 50, -50, -25);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#0f0';
+ ctx.rect(0, 0, 50, 25);
+ ctx.rect(100, 0, -50, 25);
+ ctx.rect(0, 50, 50, -25);
+ ctx.rect(100, 50, -50, -25);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.negative.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.negative.worker.js
index ea01c6d..44449e8 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.negative.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.negative.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#0f0';
-ctx.rect(0, 0, 50, 25);
-ctx.rect(100, 0, -50, 25);
-ctx.rect(0, 50, 50, -25);
-ctx.rect(100, 50, -50, -25);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#0f0';
+ ctx.rect(0, 0, 50, 25);
+ ctx.rect(100, 0, -50, 25);
+ ctx.rect(0, 50, 50, -25);
+ ctx.rect(100, 50, -50, -25);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.newsubpath.html b/html/canvas/offscreen/path-objects/2d.path.rect.newsubpath.html
index 1dcfbe9..05b972e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.newsubpath.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.newsubpath.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-50, 25);
-ctx.rect(200, 25, 1, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-50, 25);
+ ctx.rect(200, 25, 1, 1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.newsubpath.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.newsubpath.worker.js
index 44962c5..bdf4a92 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.newsubpath.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.newsubpath.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-50, 25);
-ctx.rect(200, 25, 1, 1);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-50, 25);
+ ctx.rect(200, 25, 1, 1);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.rect.nonfinite.html
index 7f92cf5..16d76aa 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.nonfinite.html
@@ -17,41 +17,41 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.rect(Infinity, 50, 1, 1);
-ctx.rect(-Infinity, 50, 1, 1);
-ctx.rect(NaN, 50, 1, 1);
-ctx.rect(0, Infinity, 1, 1);
-ctx.rect(0, -Infinity, 1, 1);
-ctx.rect(0, NaN, 1, 1);
-ctx.rect(0, 50, Infinity, 1);
-ctx.rect(0, 50, -Infinity, 1);
-ctx.rect(0, 50, NaN, 1);
-ctx.rect(0, 50, 1, Infinity);
-ctx.rect(0, 50, 1, -Infinity);
-ctx.rect(0, 50, 1, NaN);
-ctx.rect(Infinity, Infinity, 1, 1);
-ctx.rect(Infinity, Infinity, Infinity, 1);
-ctx.rect(Infinity, Infinity, Infinity, Infinity);
-ctx.rect(Infinity, Infinity, 1, Infinity);
-ctx.rect(Infinity, 50, Infinity, 1);
-ctx.rect(Infinity, 50, Infinity, Infinity);
-ctx.rect(Infinity, 50, 1, Infinity);
-ctx.rect(0, Infinity, Infinity, 1);
-ctx.rect(0, Infinity, Infinity, Infinity);
-ctx.rect(0, Infinity, 1, Infinity);
-ctx.rect(0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.rect(Infinity, 50, 1, 1);
+ ctx.rect(-Infinity, 50, 1, 1);
+ ctx.rect(NaN, 50, 1, 1);
+ ctx.rect(0, Infinity, 1, 1);
+ ctx.rect(0, -Infinity, 1, 1);
+ ctx.rect(0, NaN, 1, 1);
+ ctx.rect(0, 50, Infinity, 1);
+ ctx.rect(0, 50, -Infinity, 1);
+ ctx.rect(0, 50, NaN, 1);
+ ctx.rect(0, 50, 1, Infinity);
+ ctx.rect(0, 50, 1, -Infinity);
+ ctx.rect(0, 50, 1, NaN);
+ ctx.rect(Infinity, Infinity, 1, 1);
+ ctx.rect(Infinity, Infinity, Infinity, 1);
+ ctx.rect(Infinity, Infinity, Infinity, Infinity);
+ ctx.rect(Infinity, Infinity, 1, Infinity);
+ ctx.rect(Infinity, 50, Infinity, 1);
+ ctx.rect(Infinity, 50, Infinity, Infinity);
+ ctx.rect(Infinity, 50, 1, Infinity);
+ ctx.rect(0, Infinity, Infinity, 1);
+ ctx.rect(0, Infinity, Infinity, Infinity);
+ ctx.rect(0, Infinity, 1, Infinity);
+ ctx.rect(0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.nonfinite.worker.js
index 6fa1e82..307a5ec 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.nonfinite.worker.js
@@ -13,41 +13,40 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.rect(Infinity, 50, 1, 1);
-ctx.rect(-Infinity, 50, 1, 1);
-ctx.rect(NaN, 50, 1, 1);
-ctx.rect(0, Infinity, 1, 1);
-ctx.rect(0, -Infinity, 1, 1);
-ctx.rect(0, NaN, 1, 1);
-ctx.rect(0, 50, Infinity, 1);
-ctx.rect(0, 50, -Infinity, 1);
-ctx.rect(0, 50, NaN, 1);
-ctx.rect(0, 50, 1, Infinity);
-ctx.rect(0, 50, 1, -Infinity);
-ctx.rect(0, 50, 1, NaN);
-ctx.rect(Infinity, Infinity, 1, 1);
-ctx.rect(Infinity, Infinity, Infinity, 1);
-ctx.rect(Infinity, Infinity, Infinity, Infinity);
-ctx.rect(Infinity, Infinity, 1, Infinity);
-ctx.rect(Infinity, 50, Infinity, 1);
-ctx.rect(Infinity, 50, Infinity, Infinity);
-ctx.rect(Infinity, 50, 1, Infinity);
-ctx.rect(0, Infinity, Infinity, 1);
-ctx.rect(0, Infinity, Infinity, Infinity);
-ctx.rect(0, Infinity, 1, Infinity);
-ctx.rect(0, 50, Infinity, Infinity);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
-
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.rect(Infinity, 50, 1, 1);
+ ctx.rect(-Infinity, 50, 1, 1);
+ ctx.rect(NaN, 50, 1, 1);
+ ctx.rect(0, Infinity, 1, 1);
+ ctx.rect(0, -Infinity, 1, 1);
+ ctx.rect(0, NaN, 1, 1);
+ ctx.rect(0, 50, Infinity, 1);
+ ctx.rect(0, 50, -Infinity, 1);
+ ctx.rect(0, 50, NaN, 1);
+ ctx.rect(0, 50, 1, Infinity);
+ ctx.rect(0, 50, 1, -Infinity);
+ ctx.rect(0, 50, 1, NaN);
+ ctx.rect(Infinity, Infinity, 1, 1);
+ ctx.rect(Infinity, Infinity, Infinity, 1);
+ ctx.rect(Infinity, Infinity, Infinity, Infinity);
+ ctx.rect(Infinity, Infinity, 1, Infinity);
+ ctx.rect(Infinity, 50, Infinity, 1);
+ ctx.rect(Infinity, 50, Infinity, Infinity);
+ ctx.rect(Infinity, 50, 1, Infinity);
+ ctx.rect(0, Infinity, Infinity, 1);
+ ctx.rect(0, Infinity, Infinity, Infinity);
+ ctx.rect(0, Infinity, 1, Infinity);
+ ctx.rect(0, 50, Infinity, Infinity);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.selfintersect.html b/html/canvas/offscreen/path-objects/2d.path.rect.selfintersect.html
index 36c3f07..af97fa6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.selfintersect.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.selfintersect.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 90;
-ctx.beginPath();
-ctx.rect(45, 20, 10, 10);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 90;
+ ctx.beginPath();
+ ctx.rect(45, 20, 10, 10);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.selfintersect.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.selfintersect.worker.js
index 84c2687..495d016 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.selfintersect.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.selfintersect.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 90;
-ctx.beginPath();
-ctx.rect(45, 20, 10, 10);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 90;
+ ctx.beginPath();
+ ctx.rect(45, 20, 10, 10);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.winding.html b/html/canvas/offscreen/path-objects/2d.path.rect.winding.html
index c4f4128..a7f79c5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.winding.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.winding.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.rect(0, 0, 50, 50);
-ctx.rect(100, 50, -50, -50);
-ctx.rect(0, 25, 100, -25);
-ctx.rect(100, 25, -100, 25);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.rect(0, 0, 50, 50);
+ ctx.rect(100, 50, -50, -50);
+ ctx.rect(0, 25, 100, -25);
+ ctx.rect(100, 25, -100, 25);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.winding.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.winding.worker.js
index 90a3d05..45ff042 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.winding.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.winding.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.rect(0, 0, 50, 50);
-ctx.rect(100, 50, -50, -50);
-ctx.rect(0, 25, 100, -25);
-ctx.rect(100, 25, -100, 25);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.rect(0, 0, 50, 50);
+ ctx.rect(100, 50, -50, -50);
+ ctx.rect(0, 25, 100, -25);
+ ctx.rect(100, 25, -100, 25);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.1.html b/html/canvas/offscreen/path-objects/2d.path.rect.zero.1.html
index 90c0bb1..45dac20 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(0, 50, 100, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(0, 50, 100, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.zero.1.worker.js
index 4d08071..de6fb58 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(0, 50, 100, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(0, 50, 100, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.2.html b/html/canvas/offscreen/path-objects/2d.path.rect.zero.2.html
index 4c3ae6f..0386ea0 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.2.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(50, -100, 0, 250);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(50, -100, 0, 250);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.zero.2.worker.js
index 93d5a52..8e323d2 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.2.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(50, -100, 0, 250);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(50, -100, 0, 250);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.3.html b/html/canvas/offscreen/path-objects/2d.path.rect.zero.3.html
index 86bd749..1299040 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.3.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(50, 25, 0, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(50, 25, 0, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.zero.3.worker.js
index 6403de4..5e6f490 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.3.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.rect(50, 25, 0, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.rect(50, 25, 0, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.4.html b/html/canvas/offscreen/path-objects/2d.path.rect.zero.4.html
index 063ef2b..93da130 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.4.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.4.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.rect(100, 25, 0, 0);
-ctx.lineTo(0, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.rect(100, 25, 0, 0);
+ ctx.lineTo(0, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.4.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.zero.4.worker.js
index 87fd698..e19da3b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.4.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.4.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.rect(100, 25, 0, 0);
-ctx.lineTo(0, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.rect(100, 25, 0, 0);
+ ctx.lineTo(0, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.5.html b/html/canvas/offscreen/path-objects/2d.path.rect.zero.5.html
index 0fa0b07..45a7f03 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.5.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.5.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 0);
-ctx.rect(100, 25, 0, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 0);
+ ctx.rect(100, 25, 0, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.5.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.zero.5.worker.js
index 77851f5..d39a741 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.5.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.5.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 0);
-ctx.rect(100, 25, 0, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 0);
+ ctx.rect(100, 25, 0, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.6.html b/html/canvas/offscreen/path-objects/2d.path.rect.zero.6.html
index a3cf7b6..ac74e20 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.6.html
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.6.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.5;
-ctx.lineWidth = 200;
-ctx.beginPath();
-ctx.rect(100, 25, 1000, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.5;
+ ctx.lineWidth = 200;
+ ctx.beginPath();
+ ctx.rect(100, 25, 1000, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.rect.zero.6.worker.js b/html/canvas/offscreen/path-objects/2d.path.rect.zero.6.worker.js
index 5db2848..a567359 100644
--- a/html/canvas/offscreen/path-objects/2d.path.rect.zero.6.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.rect.zero.6.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.5;
-ctx.lineWidth = 200;
-ctx.beginPath();
-ctx.rect(100, 25, 1000, 0);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.5;
+ ctx.lineWidth = 200;
+ ctx.beginPath();
+ ctx.rect(100, 25, 1000, 0);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompoint.html
index 479ab00..f7e80a0 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompoint.html
@@ -6,50 +6,50 @@
<script src="/html/canvas/resources/canvas-tests.js"></script>
<h1>2d.path.roundrect.1.radius.dompoint</h1>
-<p class="desc">Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottom-left corners.</p>
+<p class="desc">Verify that when one radius is given to roundRect(), specified as a DOMPoint, it applies to all corners.</p>
<script>
-var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottom-left corners.");
+var t = async_test("Verify that when one radius is given to roundRect(), specified as a DOMPoint, it applies to all corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
-t.done();
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompoint.worker.js
index ba4fb4e..06d7874 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompoint.worker.js
@@ -1,51 +1,50 @@
// DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py.
// OffscreenCanvas test in a worker:2d.path.roundrect.1.radius.dompoint
-// Description:Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottom-left corners.
+// Description:Verify that when one radius is given to roundRect(), specified as a DOMPoint, it applies to all corners.
// Note:
importScripts("/resources/testharness.js");
importScripts("/html/canvas/resources/canvas-tests.js");
-var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottom-left corners.");
+var t = async_test("Verify that when one radius is given to roundRect(), specified as a DOMPoint, it applies to all corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
-t.done();
-
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompointinit.html
index 18ff259..97084a4 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompointinit.html
@@ -6,50 +6,50 @@
<script src="/html/canvas/resources/canvas-tests.js"></script>
<h1>2d.path.roundrect.1.radius.dompointinit</h1>
-<p class="desc">Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-left corners.</p>
+<p class="desc">Verify that when one radius is given to roundRect(), specified as a DOMPointInit, applies to all corners.</p>
<script>
-var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-left corners.");
+var t = async_test("Verify that when one radius is given to roundRect(), specified as a DOMPointInit, applies to all corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
-t.done();
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompointinit.worker.js
index 589950c..56c8e1f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.dompointinit.worker.js
@@ -1,51 +1,50 @@
// DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py.
// OffscreenCanvas test in a worker:2d.path.roundrect.1.radius.dompointinit
-// Description:Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-left corners.
+// Description:Verify that when one radius is given to roundRect(), specified as a DOMPointInit, applies to all corners.
// Note:
importScripts("/resources/testharness.js");
importScripts("/html/canvas/resources/canvas-tests.js");
-var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-left corners.");
+var t = async_test("Verify that when one radius is given to roundRect(), specified as a DOMPointInit, applies to all corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
-t.done();
-
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.double.html
index 4761bb5..33574ee 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.double.worker.js
index 57f28c7..ef9da08 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.1.radius.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompoint.html
index c96ed08..7f67c42 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompoint.html
@@ -17,31 +17,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompoint.worker.js
index 7e7a4ef..5d0387d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompoint.worker.js
@@ -13,31 +13,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompointinit.html
index 02b889c..2ac0347 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompointinit.html
@@ -6,42 +6,42 @@
<script src="/html/canvas/resources/canvas-tests.js"></script>
<h1>2d.path.roundrect.2.radii.1.dompointinit</h1>
-<p class="desc">Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-right corners.</p>
+<p class="desc">Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left and bottom-right corners.</p>
<script>
-var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-right corners.");
+var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left and bottom-right corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompointinit.worker.js
index fcc3cb0..240a36e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.dompointinit.worker.js
@@ -1,43 +1,42 @@
// DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py.
// OffscreenCanvas test in a worker:2d.path.roundrect.2.radii.1.dompointinit
-// Description:Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-right corners.
+// Description:Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left and bottom-right corners.
// Note:
importScripts("/resources/testharness.js");
importScripts("/html/canvas/resources/canvas-tests.js");
-var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-right corners.");
+var t = async_test("Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left and bottom-right corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.double.html
index 2a6a030..791e59e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.double.worker.js
index 6d4d029..0fc351c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.1.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompoint.html
index bc6e27c..d0b085e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompoint.html
@@ -17,31 +17,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompoint.worker.js
index fead59e..4c6bb06 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompoint.worker.js
@@ -13,31 +13,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompointinit.html
index fcca1c7..380dd26 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompointinit.html
@@ -6,42 +6,42 @@
<script src="/html/canvas/resources/canvas-tests.js"></script>
<h1>2d.path.roundrect.2.radii.2.dompointinit</h1>
-<p class="desc">Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.</p>
+<p class="desc">Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPointInit, applies to the top-right and bottom-left corners.</p>
<script>
-var t = async_test("Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.");
+var t = async_test("Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPointInit, applies to the top-right and bottom-left corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompointinit.worker.js
index ab334e4..e8cdd2c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.dompointinit.worker.js
@@ -1,43 +1,42 @@
// DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py.
// OffscreenCanvas test in a worker:2d.path.roundrect.2.radii.2.dompointinit
-// Description:Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.
+// Description:Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPointInit, applies to the top-right and bottom-left corners.
// Note:
importScripts("/resources/testharness.js");
importScripts("/html/canvas/resources/canvas-tests.js");
-var t = async_test("Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.");
+var t = async_test("Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPointInit, applies to the top-right and bottom-left corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.double.html
index 2bc6737..b7b2572 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.double.worker.js
index d355852..7563286 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.2.radii.2.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompoint.html
index f3388e6..b7f3e53 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompoint.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompoint.worker.js
index 36c6401..9ac4d73 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompoint.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompointinit.html
index dd96e85..93f8915 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompointinit.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompointinit.worker.js
index a497d57..9d00729 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.dompointinit.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.double.html
index 4c5f571..976458b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.double.worker.js
index 171a2ae..c4e1c4f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.1.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompoint.html
index 3459ac2..1a89c28 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompoint.html
@@ -17,31 +17,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompoint.worker.js
index 9588780..4e4df3a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompoint.worker.js
@@ -13,31 +13,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompointinit.html
index 6476be4..82ceb6a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompointinit.html
@@ -6,42 +6,42 @@
<script src="/html/canvas/resources/canvas-tests.js"></script>
<h1>2d.path.roundrect.3.radii.2.dompointinit</h1>
-<p class="desc">Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.</p>
+<p class="desc">Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.</p>
<script>
-var t = async_test("Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.");
+var t = async_test("Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompointinit.worker.js
index 42dead8..1333e23 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.dompointinit.worker.js
@@ -1,43 +1,42 @@
// DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py.
// OffscreenCanvas test in a worker:2d.path.roundrect.3.radii.2.dompointinit
-// Description:Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.
+// Description:Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.
// Note:
importScripts("/resources/testharness.js");
importScripts("/html/canvas/resources/canvas-tests.js");
-var t = async_test("Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.");
+var t = async_test("Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.");
var t_pass = t.done.bind(t);
var t_fail = t.step_func(function(reason) {
throw reason;
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.double.html
index 652745e..b466956 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.double.worker.js
index e3929fb..027dbae 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.2.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompoint.html
index 1c295143..897aeb2 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompoint.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompoint.worker.js
index c8e08ec..8a80623 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompoint.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompointinit.html
index f8e62a5..e1e055c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompointinit.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompointinit.worker.js
index 0fe2b89..d3b188d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.dompointinit.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.double.html
index ff1301d..a0e0553 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.double.worker.js
index 2422435..177e7c5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.3.radii.3.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompoint.html
index 3110983..72e8d6c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompoint.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompoint.worker.js
index 3bdb12e..f27f696 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompoint.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompointinit.html
index 976b39a..df6bb11 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompointinit.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompointinit.worker.js
index 86b43ad..2f9d2eb 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.dompointinit.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-left corner
-_assertPixel(canvas, 20,1, 255,0,0,255);
-_assertPixel(canvas, 41,1, 0,255,0,255);
-_assertPixel(canvas, 1,10, 255,0,0,255);
-_assertPixel(canvas, 1,21, 0,255,0,255);
+ // top-left corner
+ _assertPixel(canvas, 20,1, 255,0,0,255);
+ _assertPixel(canvas, 41,1, 0,255,0,255);
+ _assertPixel(canvas, 1,10, 255,0,0,255);
+ _assertPixel(canvas, 1,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.double.html
index c75d642..b669a7b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.double.worker.js
index 925c93b..9658a39 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.1.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [20, 0, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [20, 0, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompoint.html
index 33d861d..b387d88 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompoint.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompoint.worker.js
index 12d1a8c..83d3f66 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompoint.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompointinit.html
index b088c2e..7671912 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompointinit.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompointinit.worker.js
index 49a247a..2176604 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.dompointinit.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// top-right corner
-_assertPixel(canvas, 79,1, 255,0,0,255);
-_assertPixel(canvas, 58,1, 0,255,0,255);
-_assertPixel(canvas, 98,10, 255,0,0,255);
-_assertPixel(canvas, 98,21, 0,255,0,255);
+ // top-right corner
+ _assertPixel(canvas, 79,1, 255,0,0,255);
+ _assertPixel(canvas, 58,1, 0,255,0,255);
+ _assertPixel(canvas, 98,10, 255,0,0,255);
+ _assertPixel(canvas, 98,21, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.double.html
index 71395e0..001cb84 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.double.worker.js
index f868c62..b9935a1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.2.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 20, 0, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 20, 0, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompoint.html
index 4922bf3..5c8c686 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompoint.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompoint.worker.js
index 2da2f35..819b1a3 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompoint.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20), 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20), 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompointinit.html
index 3b6f2fd..1b94b7d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompointinit.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompointinit.worker.js
index 65a3feb..e4bd04a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.dompointinit.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-right corner
-_assertPixel(canvas, 79,48, 255,0,0,255);
-_assertPixel(canvas, 58,48, 0,255,0,255);
-_assertPixel(canvas, 98,39, 255,0,0,255);
-_assertPixel(canvas, 98,28, 0,255,0,255);
+ // bottom-right corner
+ _assertPixel(canvas, 79,48, 255,0,0,255);
+ _assertPixel(canvas, 58,48, 0,255,0,255);
+ _assertPixel(canvas, 98,39, 255,0,0,255);
+ _assertPixel(canvas, 98,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.double.html
index 3dd2af9..2a76d2b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.double.worker.js
index a327cea..ada627b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.3.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 20, 0]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 20, 0]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompoint.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompoint.html
index d61a313..ce86e45 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompoint.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompoint.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompoint.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompoint.worker.js
index d8a121e..770291c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompoint.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompoint.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, new DOMPoint(40, 20)]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, new DOMPoint(40, 20)]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompointinit.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompointinit.html
index 94ffc00..f0ec6c3 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompointinit.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompointinit.html
@@ -17,26 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompointinit.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompointinit.worker.js
index b7babb5..48310c6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompointinit.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.dompointinit.worker.js
@@ -13,26 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, {x: 40, y: 20}]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, {x: 40, y: 20}]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
-// bottom-left corner
-_assertPixel(canvas, 20,48, 255,0,0,255);
-_assertPixel(canvas, 41,48, 0,255,0,255);
-_assertPixel(canvas, 1,39, 255,0,0,255);
-_assertPixel(canvas, 1,28, 0,255,0,255);
+ // bottom-left corner
+ _assertPixel(canvas, 20,48, 255,0,0,255);
+ _assertPixel(canvas, 41,48, 0,255,0,255);
+ _assertPixel(canvas, 1,39, 255,0,0,255);
+ _assertPixel(canvas, 1,28, 0,255,0,255);
-// other corners
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ // other corners
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.double.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.double.html
index 4ab2581..6940622 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.double.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.double.html
@@ -17,19 +17,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.double.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.double.worker.js
index ad4cca4..e97ebd9 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.double.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.4.radii.4.double.worker.js
@@ -13,19 +13,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 20]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 20]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.closed.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.closed.html
index 1b4abf0..7407ead 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.closed.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.closed.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 200;
-ctx.lineJoin = 'miter';
-ctx.roundRect(100, 50, 100, 100, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 200;
+ ctx.lineJoin = 'miter';
+ ctx.roundRect(100, 50, 100, 100, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.closed.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.closed.worker.js
index e0f1b81..5a9530a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.closed.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.closed.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 200;
-ctx.lineJoin = 'miter';
-ctx.roundRect(100, 50, 100, 100, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 200;
+ ctx.lineJoin = 'miter';
+ ctx.roundRect(100, 50, 100, 100, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.1.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.1.html
index 5c6b3cd..d73b82b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.roundRect(200, 100, 400, 1000, [0]);
-ctx.lineTo(-2000, -1000);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.roundRect(200, 100, 400, 1000, [0]);
+ ctx.lineTo(-2000, -1000);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.1.worker.js
index 1ec22bd..9428df5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.roundRect(200, 100, 400, 1000, [0]);
-ctx.lineTo(-2000, -1000);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.roundRect(200, 100, 400, 1000, [0]);
+ ctx.lineTo(-2000, -1000);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.2.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.2.html
index 3913f69..ce9b44e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.2.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 450;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'bevel';
-ctx.roundRect(150, 150, 2000, 2000, [0]);
-ctx.lineTo(160, 160);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 450;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'bevel';
+ ctx.roundRect(150, 150, 2000, 2000, [0]);
+ ctx.lineTo(160, 160);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.2.worker.js
index c3085d5..28f1ca1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.2.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 450;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'bevel';
-ctx.roundRect(150, 150, 2000, 2000, [0]);
-ctx.lineTo(160, 160);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 450;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'bevel';
+ ctx.roundRect(150, 150, 2000, 2000, [0]);
+ ctx.lineTo(160, 160);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.3.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.3.html
index 349f134..72183ec 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.3.html
@@ -17,21 +17,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.roundRect(101, 51, 2000, 2000, [500, 500, 500, 500]);
-ctx.lineTo(-1, -1);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.roundRect(101, 51, 2000, 2000, [500, 500, 500, 500]);
+ ctx.lineTo(-1, -1);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.3.worker.js
index 52b9c44..57cb328 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.3.worker.js
@@ -13,21 +13,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.roundRect(101, 51, 2000, 2000, [500, 500, 500, 500]);
-ctx.lineTo(-1, -1);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.roundRect(101, 51, 2000, 2000, [500, 500, 500, 500]);
+ ctx.lineTo(-1, -1);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.4.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.4.html
index 3c99e39..c4fdee5 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.4.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.4.html
@@ -17,21 +17,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 10;
-ctx.roundRect(-1, -1, 2000, 2000, [1000, 1000, 1000, 1000]);
-ctx.lineTo(-150, -150);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 10;
+ ctx.roundRect(-1, -1, 2000, 2000, [1000, 1000, 1000, 1000]);
+ ctx.lineTo(-150, -150);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.4.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.4.worker.js
index 1d57b89..a97a37d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.end.4.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.end.4.worker.js
@@ -13,21 +13,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 10;
-ctx.roundRect(-1, -1, 2000, 2000, [1000, 1000, 1000, 1000]);
-ctx.lineTo(-150, -150);
-ctx.stroke();
-_assertPixel(canvas, 1,1, 0,255,0,255);
-_assertPixel(canvas, 98,1, 0,255,0,255);
-_assertPixel(canvas, 1,48, 0,255,0,255);
-_assertPixel(canvas, 98,48, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 10;
+ ctx.roundRect(-1, -1, 2000, 2000, [1000, 1000, 1000, 1000]);
+ ctx.lineTo(-150, -150);
+ ctx.stroke();
+ _assertPixel(canvas, 1,1, 0,255,0,255);
+ _assertPixel(canvas, 98,1, 0,255,0,255);
+ _assertPixel(canvas, 1,48, 0,255,0,255);
+ _assertPixel(canvas, 98,48, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.negative.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.negative.html
index e3696ca..aa83657 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.negative.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.negative.html
@@ -17,29 +17,29 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#0f0';
-ctx.roundRect(0, 0, 50, 25, [10, 0, 0, 0]);
-ctx.roundRect(100, 0, -50, 25, [10, 0, 0, 0]);
-ctx.roundRect(0, 50, 50, -25, [10, 0, 0, 0]);
-ctx.roundRect(100, 50, -50, -25, [10, 0, 0, 0]);
-ctx.fill();
-// All rects drawn
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-// Correct corners are rounded.
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#0f0';
+ ctx.roundRect(0, 0, 50, 25, [10, 0, 0, 0]);
+ ctx.roundRect(100, 0, -50, 25, [10, 0, 0, 0]);
+ ctx.roundRect(0, 50, 50, -25, [10, 0, 0, 0]);
+ ctx.roundRect(100, 50, -50, -25, [10, 0, 0, 0]);
+ ctx.fill();
+ // All rects drawn
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ // Correct corners are rounded.
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.negative.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.negative.worker.js
index c34c203..1445923 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.negative.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.negative.worker.js
@@ -13,29 +13,28 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#0f0';
-ctx.roundRect(0, 0, 50, 25, [10, 0, 0, 0]);
-ctx.roundRect(100, 0, -50, 25, [10, 0, 0, 0]);
-ctx.roundRect(0, 50, 50, -25, [10, 0, 0, 0]);
-ctx.roundRect(100, 50, -50, -25, [10, 0, 0, 0]);
-ctx.fill();
-// All rects drawn
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-// Correct corners are rounded.
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#0f0';
+ ctx.roundRect(0, 0, 50, 25, [10, 0, 0, 0]);
+ ctx.roundRect(100, 0, -50, 25, [10, 0, 0, 0]);
+ ctx.roundRect(0, 50, 50, -25, [10, 0, 0, 0]);
+ ctx.roundRect(100, 50, -50, -25, [10, 0, 0, 0]);
+ ctx.fill();
+ // All rects drawn
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ // Correct corners are rounded.
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.newsubpath.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.newsubpath.html
index 6d0a814..3ad7e5b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.newsubpath.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.newsubpath.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-50, 25);
-ctx.roundRect(200, 25, 1, 1, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-50, 25);
+ ctx.roundRect(200, 25, 1, 1, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.newsubpath.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.newsubpath.worker.js
index c6f7934..757327c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.newsubpath.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.newsubpath.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-50, 25);
-ctx.roundRect(200, 25, 1, 1, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-50, 25);
+ ctx.roundRect(200, 25, 1, 1, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.nonfinite.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.nonfinite.html
index 2977350..adddc7b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.nonfinite.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.nonfinite.html
@@ -17,100 +17,100 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50)
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.roundRect(Infinity, 50, 1, 1, [0]);
-ctx.roundRect(-Infinity, 50, 1, 1, [0]);
-ctx.roundRect(NaN, 50, 1, 1, [0]);
-ctx.roundRect(0, Infinity, 1, 1, [0]);
-ctx.roundRect(0, -Infinity, 1, 1, [0]);
-ctx.roundRect(0, NaN, 1, 1, [0]);
-ctx.roundRect(0, 50, Infinity, 1, [0]);
-ctx.roundRect(0, 50, -Infinity, 1, [0]);
-ctx.roundRect(0, 50, NaN, 1, [0]);
-ctx.roundRect(0, 50, 1, Infinity, [0]);
-ctx.roundRect(0, 50, 1, -Infinity, [0]);
-ctx.roundRect(0, 50, 1, NaN, [0]);
-ctx.roundRect(0, 50, 1, 1, [Infinity]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,NaN]);
-ctx.roundRect(Infinity, Infinity, 1, 1, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, 1, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [Infinity]);
-ctx.roundRect(Infinity, Infinity, Infinity, 1, [Infinity]);
-ctx.roundRect(Infinity, Infinity, 1, Infinity, [0]);
-ctx.roundRect(Infinity, Infinity, 1, Infinity, [Infinity]);
-ctx.roundRect(Infinity, Infinity, 1, 1, [Infinity]);
-ctx.roundRect(Infinity, 50, Infinity, 1, [0]);
-ctx.roundRect(Infinity, 50, Infinity, Infinity, [0]);
-ctx.roundRect(Infinity, 50, Infinity, Infinity, [Infinity]);
-ctx.roundRect(Infinity, 50, Infinity, 1, [Infinity]);
-ctx.roundRect(Infinity, 50, 1, Infinity, [0]);
-ctx.roundRect(Infinity, 50, 1, Infinity, [Infinity]);
-ctx.roundRect(Infinity, 50, 1, 1, [Infinity]);
-ctx.roundRect(0, Infinity, Infinity, 1, [0]);
-ctx.roundRect(0, Infinity, Infinity, Infinity, [0]);
-ctx.roundRect(0, Infinity, Infinity, Infinity, [Infinity]);
-ctx.roundRect(0, Infinity, Infinity, 1, [Infinity]);
-ctx.roundRect(0, Infinity, 1, Infinity, [0]);
-ctx.roundRect(0, Infinity, 1, Infinity, [Infinity]);
-ctx.roundRect(0, Infinity, 1, 1, [Infinity]);
-ctx.roundRect(0, 50, Infinity, Infinity, [0]);
-ctx.roundRect(0, 50, Infinity, Infinity, [Infinity]);
-ctx.roundRect(0, 50, Infinity, 1, [Infinity]);
-ctx.roundRect(0, 50, 1, Infinity, [Infinity]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, Infinity)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, -Infinity)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, NaN)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(Infinity, 10)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(-Infinity, 10)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(NaN, 10)]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: Infinity}]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: -Infinity}]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: NaN}]);
-ctx.roundRect(0, 0, 100, 100, [{x: Infinity, y: 10}]);
-ctx.roundRect(0, 0, 100, 100, [{x: -Infinity, y: 10}]);
-ctx.roundRect(0, 0, 100, 100, [{x: NaN, y: 10}]);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50)
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.roundRect(Infinity, 50, 1, 1, [0]);
+ ctx.roundRect(-Infinity, 50, 1, 1, [0]);
+ ctx.roundRect(NaN, 50, 1, 1, [0]);
+ ctx.roundRect(0, Infinity, 1, 1, [0]);
+ ctx.roundRect(0, -Infinity, 1, 1, [0]);
+ ctx.roundRect(0, NaN, 1, 1, [0]);
+ ctx.roundRect(0, 50, Infinity, 1, [0]);
+ ctx.roundRect(0, 50, -Infinity, 1, [0]);
+ ctx.roundRect(0, 50, NaN, 1, [0]);
+ ctx.roundRect(0, 50, 1, Infinity, [0]);
+ ctx.roundRect(0, 50, 1, -Infinity, [0]);
+ ctx.roundRect(0, 50, 1, NaN, [0]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,NaN]);
+ ctx.roundRect(Infinity, Infinity, 1, 1, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, 1, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, Infinity, 1, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, 1, Infinity, [0]);
+ ctx.roundRect(Infinity, Infinity, 1, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, 1, 1, [Infinity]);
+ ctx.roundRect(Infinity, 50, Infinity, 1, [0]);
+ ctx.roundRect(Infinity, 50, Infinity, Infinity, [0]);
+ ctx.roundRect(Infinity, 50, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, 50, Infinity, 1, [Infinity]);
+ ctx.roundRect(Infinity, 50, 1, Infinity, [0]);
+ ctx.roundRect(Infinity, 50, 1, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, 50, 1, 1, [Infinity]);
+ ctx.roundRect(0, Infinity, Infinity, 1, [0]);
+ ctx.roundRect(0, Infinity, Infinity, Infinity, [0]);
+ ctx.roundRect(0, Infinity, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(0, Infinity, Infinity, 1, [Infinity]);
+ ctx.roundRect(0, Infinity, 1, Infinity, [0]);
+ ctx.roundRect(0, Infinity, 1, Infinity, [Infinity]);
+ ctx.roundRect(0, Infinity, 1, 1, [Infinity]);
+ ctx.roundRect(0, 50, Infinity, Infinity, [0]);
+ ctx.roundRect(0, 50, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(0, 50, Infinity, 1, [Infinity]);
+ ctx.roundRect(0, 50, 1, Infinity, [Infinity]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, Infinity)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, -Infinity)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, NaN)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(Infinity, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(-Infinity, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(NaN, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: Infinity}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: -Infinity}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: NaN}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: Infinity, y: 10}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: -Infinity, y: 10}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: NaN, y: 10}]);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.nonfinite.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.nonfinite.worker.js
index 68d0d8a..d6d44d6 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.nonfinite.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.nonfinite.worker.js
@@ -13,100 +13,99 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50)
-ctx.moveTo(0, 0);
-ctx.lineTo(100, 0);
-ctx.roundRect(Infinity, 50, 1, 1, [0]);
-ctx.roundRect(-Infinity, 50, 1, 1, [0]);
-ctx.roundRect(NaN, 50, 1, 1, [0]);
-ctx.roundRect(0, Infinity, 1, 1, [0]);
-ctx.roundRect(0, -Infinity, 1, 1, [0]);
-ctx.roundRect(0, NaN, 1, 1, [0]);
-ctx.roundRect(0, 50, Infinity, 1, [0]);
-ctx.roundRect(0, 50, -Infinity, 1, [0]);
-ctx.roundRect(0, 50, NaN, 1, [0]);
-ctx.roundRect(0, 50, 1, Infinity, [0]);
-ctx.roundRect(0, 50, 1, -Infinity, [0]);
-ctx.roundRect(0, 50, 1, NaN, [0]);
-ctx.roundRect(0, 50, 1, 1, [Infinity]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,NaN]);
-ctx.roundRect(0, 50, 1, 1, [Infinity,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [NaN,0,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,NaN,0,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,NaN,0]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,-Infinity]);
-ctx.roundRect(0, 50, 1, 1, [0,0,0,NaN]);
-ctx.roundRect(Infinity, Infinity, 1, 1, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, 1, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [0]);
-ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [Infinity]);
-ctx.roundRect(Infinity, Infinity, Infinity, 1, [Infinity]);
-ctx.roundRect(Infinity, Infinity, 1, Infinity, [0]);
-ctx.roundRect(Infinity, Infinity, 1, Infinity, [Infinity]);
-ctx.roundRect(Infinity, Infinity, 1, 1, [Infinity]);
-ctx.roundRect(Infinity, 50, Infinity, 1, [0]);
-ctx.roundRect(Infinity, 50, Infinity, Infinity, [0]);
-ctx.roundRect(Infinity, 50, Infinity, Infinity, [Infinity]);
-ctx.roundRect(Infinity, 50, Infinity, 1, [Infinity]);
-ctx.roundRect(Infinity, 50, 1, Infinity, [0]);
-ctx.roundRect(Infinity, 50, 1, Infinity, [Infinity]);
-ctx.roundRect(Infinity, 50, 1, 1, [Infinity]);
-ctx.roundRect(0, Infinity, Infinity, 1, [0]);
-ctx.roundRect(0, Infinity, Infinity, Infinity, [0]);
-ctx.roundRect(0, Infinity, Infinity, Infinity, [Infinity]);
-ctx.roundRect(0, Infinity, Infinity, 1, [Infinity]);
-ctx.roundRect(0, Infinity, 1, Infinity, [0]);
-ctx.roundRect(0, Infinity, 1, Infinity, [Infinity]);
-ctx.roundRect(0, Infinity, 1, 1, [Infinity]);
-ctx.roundRect(0, 50, Infinity, Infinity, [0]);
-ctx.roundRect(0, 50, Infinity, Infinity, [Infinity]);
-ctx.roundRect(0, 50, Infinity, 1, [Infinity]);
-ctx.roundRect(0, 50, 1, Infinity, [Infinity]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, Infinity)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, -Infinity)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, NaN)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(Infinity, 10)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(-Infinity, 10)]);
-ctx.roundRect(0, 0, 100, 100, [new DOMPoint(NaN, 10)]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: Infinity}]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: -Infinity}]);
-ctx.roundRect(0, 0, 100, 100, [{x: 10, y: NaN}]);
-ctx.roundRect(0, 0, 100, 100, [{x: Infinity, y: 10}]);
-ctx.roundRect(0, 0, 100, 100, [{x: -Infinity, y: 10}]);
-ctx.roundRect(0, 0, 100, 100, [{x: NaN, y: 10}]);
-ctx.lineTo(100, 50);
-ctx.lineTo(0, 50);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 90,45, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50)
+ ctx.moveTo(0, 0);
+ ctx.lineTo(100, 0);
+ ctx.roundRect(Infinity, 50, 1, 1, [0]);
+ ctx.roundRect(-Infinity, 50, 1, 1, [0]);
+ ctx.roundRect(NaN, 50, 1, 1, [0]);
+ ctx.roundRect(0, Infinity, 1, 1, [0]);
+ ctx.roundRect(0, -Infinity, 1, 1, [0]);
+ ctx.roundRect(0, NaN, 1, 1, [0]);
+ ctx.roundRect(0, 50, Infinity, 1, [0]);
+ ctx.roundRect(0, 50, -Infinity, 1, [0]);
+ ctx.roundRect(0, 50, NaN, 1, [0]);
+ ctx.roundRect(0, 50, 1, Infinity, [0]);
+ ctx.roundRect(0, 50, 1, -Infinity, [0]);
+ ctx.roundRect(0, 50, 1, NaN, [0]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,NaN]);
+ ctx.roundRect(0, 50, 1, 1, [Infinity,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [-Infinity,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [NaN,0,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,-Infinity,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,NaN,0,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,-Infinity,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,NaN,0]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,-Infinity]);
+ ctx.roundRect(0, 50, 1, 1, [0,0,0,NaN]);
+ ctx.roundRect(Infinity, Infinity, 1, 1, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, 1, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [0]);
+ ctx.roundRect(Infinity, Infinity, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, Infinity, 1, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, 1, Infinity, [0]);
+ ctx.roundRect(Infinity, Infinity, 1, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, Infinity, 1, 1, [Infinity]);
+ ctx.roundRect(Infinity, 50, Infinity, 1, [0]);
+ ctx.roundRect(Infinity, 50, Infinity, Infinity, [0]);
+ ctx.roundRect(Infinity, 50, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, 50, Infinity, 1, [Infinity]);
+ ctx.roundRect(Infinity, 50, 1, Infinity, [0]);
+ ctx.roundRect(Infinity, 50, 1, Infinity, [Infinity]);
+ ctx.roundRect(Infinity, 50, 1, 1, [Infinity]);
+ ctx.roundRect(0, Infinity, Infinity, 1, [0]);
+ ctx.roundRect(0, Infinity, Infinity, Infinity, [0]);
+ ctx.roundRect(0, Infinity, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(0, Infinity, Infinity, 1, [Infinity]);
+ ctx.roundRect(0, Infinity, 1, Infinity, [0]);
+ ctx.roundRect(0, Infinity, 1, Infinity, [Infinity]);
+ ctx.roundRect(0, Infinity, 1, 1, [Infinity]);
+ ctx.roundRect(0, 50, Infinity, Infinity, [0]);
+ ctx.roundRect(0, 50, Infinity, Infinity, [Infinity]);
+ ctx.roundRect(0, 50, Infinity, 1, [Infinity]);
+ ctx.roundRect(0, 50, 1, Infinity, [Infinity]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, Infinity)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, -Infinity)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, NaN)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(Infinity, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(-Infinity, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [new DOMPoint(NaN, 10)]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: Infinity}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: -Infinity}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: 10, y: NaN}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: Infinity, y: 10}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: -Infinity, y: 10}]);
+ ctx.roundRect(0, 0, 100, 100, [{x: NaN, y: 10}]);
+ ctx.lineTo(100, 50);
+ ctx.lineTo(0, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 90,45, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.1.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.1.html
index c1916bf..db4d871 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.1.html
@@ -17,24 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [40, 40, 40, 40]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 2,25, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 97,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [40, 40, 40, 40]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 2,25, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 97,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.1.worker.js
index 9da4147..27076db 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.1.worker.js
@@ -13,24 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [40, 40, 40, 40]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 2,25, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 97,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [40, 40, 40, 40]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 2,25, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 97,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.2.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.2.html
index f2a69c4..985942c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.2.html
@@ -17,24 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [1000, 1000, 1000, 1000]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 2,25, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 97,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [1000, 1000, 1000, 1000]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 2,25, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 97,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.2.worker.js
index f0d3f57..5b6de57 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.intersecting.2.worker.js
@@ -13,24 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.roundRect(0, 0, 100, 50, [1000, 1000, 1000, 1000]);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 2,25, 0,255,0,255);
-_assertPixel(canvas, 50,1, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 50,48, 0,255,0,255);
-_assertPixel(canvas, 97,25, 0,255,0,255);
-_assertPixel(canvas, 1,1, 255,0,0,255);
-_assertPixel(canvas, 98,1, 255,0,0,255);
-_assertPixel(canvas, 1,48, 255,0,0,255);
-_assertPixel(canvas, 98,48, 255,0,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.roundRect(0, 0, 100, 50, [1000, 1000, 1000, 1000]);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+ _assertPixel(canvas, 2,25, 0,255,0,255);
+ _assertPixel(canvas, 50,1, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 50,48, 0,255,0,255);
+ _assertPixel(canvas, 97,25, 0,255,0,255);
+ _assertPixel(canvas, 1,1, 255,0,0,255);
+ _assertPixel(canvas, 98,1, 255,0,0,255);
+ _assertPixel(canvas, 1,48, 255,0,0,255);
+ _assertPixel(canvas, 98,48, 255,0,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.negative.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.negative.html
index 55e344d..60a7beb 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.negative.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.negative.html
@@ -17,16 +17,16 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [-1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [1, -1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(-1, 1), 1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(1, -1)])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: -1, y: 1}, 1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: 1, y: -1}])});
-t.done();
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [-1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [1, -1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(-1, 1), 1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(1, -1)])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: -1, y: 1}, 1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: 1, y: -1}])});
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.negative.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.negative.worker.js
index 050e5f7..554a1ac 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.negative.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.negative.worker.js
@@ -13,16 +13,15 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [-1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [1, -1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(-1, 1), 1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(1, -1)])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: -1, y: 1}, 1])});
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: 1, y: -1}])});
-t.done();
-
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [-1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [1, -1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(-1, 1), 1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(1, -1)])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: -1, y: 1}, 1])});
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: 1, y: -1}])});
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.none.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.none.html
index 530efe4..763113e 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.none.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.none.html
@@ -17,11 +17,11 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [])});
-t.done();
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [])});
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.none.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.none.worker.js
index 3209e42..fefd1b4 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.none.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.none.worker.js
@@ -13,11 +13,10 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [])});
-t.done();
-
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [])});
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.toomany.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.toomany.html
index c667dc6..ce33087 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.toomany.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.toomany.html
@@ -17,11 +17,11 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 0, 0])});
-t.done();
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 0, 0])});
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.toomany.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.toomany.worker.js
index 3b05057..e1250af 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.toomany.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.radius.toomany.worker.js
@@ -13,11 +13,10 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 0, 0])});
-t.done();
-
+ assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 0, 0])});
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.selfintersect.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.selfintersect.html
index 0ec2535..15ee6f4 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.selfintersect.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.selfintersect.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.roundRect(0, 0, 100, 50, [0]);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 90;
-ctx.beginPath();
-ctx.roundRect(45, 20, 10, 10, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.roundRect(0, 0, 100, 50, [0]);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 90;
+ ctx.beginPath();
+ ctx.roundRect(45, 20, 10, 10, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.selfintersect.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.selfintersect.worker.js
index 8b62214..9174111 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.selfintersect.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.selfintersect.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.roundRect(0, 0, 100, 50, [0]);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 90;
-ctx.beginPath();
-ctx.roundRect(45, 20, 10, 10, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.roundRect(0, 0, 100, 50, [0]);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 90;
+ ctx.beginPath();
+ ctx.roundRect(45, 20, 10, 10, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.winding.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.winding.html
index e7f52fb..47ecd77 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.winding.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.winding.html
@@ -17,23 +17,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.roundRect(0, 0, 50, 50, [0]);
-ctx.roundRect(100, 50, -50, -50, [0]);
-ctx.roundRect(0, 25, 100, -25, [0]);
-ctx.roundRect(100, 25, -100, 25, [0]);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.roundRect(0, 0, 50, 50, [0]);
+ ctx.roundRect(100, 50, -50, -50, [0]);
+ ctx.roundRect(0, 25, 100, -25, [0]);
+ ctx.roundRect(100, 25, -100, 25, [0]);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.winding.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.winding.worker.js
index 82e6b5c..737e99f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.winding.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.winding.worker.js
@@ -13,23 +13,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.fillStyle = '#f00';
-ctx.roundRect(0, 0, 50, 50, [0]);
-ctx.roundRect(100, 50, -50, -50, [0]);
-ctx.roundRect(0, 25, 100, -25, [0]);
-ctx.roundRect(100, 25, -100, 25, [0]);
-ctx.fill();
-_assertPixel(canvas, 25,12, 0,255,0,255);
-_assertPixel(canvas, 75,12, 0,255,0,255);
-_assertPixel(canvas, 25,37, 0,255,0,255);
-_assertPixel(canvas, 75,37, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.fillStyle = '#f00';
+ ctx.roundRect(0, 0, 50, 50, [0]);
+ ctx.roundRect(100, 50, -50, -50, [0]);
+ ctx.roundRect(0, 25, 100, -25, [0]);
+ ctx.roundRect(100, 25, -100, 25, [0]);
+ ctx.fill();
+ _assertPixel(canvas, 25,12, 0,255,0,255);
+ _assertPixel(canvas, 75,12, 0,255,0,255);
+ _assertPixel(canvas, 25,37, 0,255,0,255);
+ _assertPixel(canvas, 75,37, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.1.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.1.html
index 2524751..772339d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.1.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(0, 50, 100, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(0, 50, 100, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.1.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.1.worker.js
index 17c9be7..afcaa20 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.1.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(0, 50, 100, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(0, 50, 100, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.2.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.2.html
index 2463e88..2aad5aa 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.2.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(50, -100, 0, 250, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(50, -100, 0, 250, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.2.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.2.worker.js
index 9ae058a..dec178b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.2.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(50, -100, 0, 250, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(50, -100, 0, 250, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.3.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.3.html
index 39de433..485384a 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.3.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.3.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(50, 25, 0, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(50, 25, 0, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.3.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.3.worker.js
index 98d37e0..88adb5c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.3.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.3.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.beginPath();
-ctx.roundRect(50, 25, 0, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.beginPath();
+ ctx.roundRect(50, 25, 0, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.4.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.4.html
index 3c6c734..dfd4821 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.4.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.4.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.roundRect(100, 25, 0, 0, [0]);
-ctx.lineTo(0, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.roundRect(100, 25, 0, 0, [0]);
+ ctx.lineTo(0, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.4.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.4.worker.js
index 462cde2..fe8cc14 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.4.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.4.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 50;
-ctx.roundRect(100, 25, 0, 0, [0]);
-ctx.lineTo(0, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 50;
+ ctx.roundRect(100, 25, 0, 0, [0]);
+ ctx.lineTo(0, 25);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.5.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.5.html
index de66603..931a737 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.5.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.5.html
@@ -17,18 +17,18 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 0);
-ctx.roundRect(100, 25, 0, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 0);
+ ctx.roundRect(100, 25, 0, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.5.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.5.worker.js
index 0f706ce..1fd6124 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.5.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.5.worker.js
@@ -13,18 +13,17 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 0);
-ctx.roundRect(100, 25, 0, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 0);
+ ctx.roundRect(100, 25, 0, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.6.html b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.6.html
index bd7ef0f..25ed23d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.6.html
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.6.html
@@ -17,20 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.5;
-ctx.lineWidth = 200;
-ctx.beginPath();
-ctx.roundRect(100, 25, 1000, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.5;
+ ctx.lineWidth = 200;
+ ctx.beginPath();
+ ctx.roundRect(100, 25, 1000, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.6.worker.js b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.6.worker.js
index f2115cd..c4b6fba 100644
--- a/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.6.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.roundrect.zero.6.worker.js
@@ -13,20 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.5;
-ctx.lineWidth = 200;
-ctx.beginPath();
-ctx.roundRect(100, 25, 1000, 0, [0]);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
-
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.5;
+ ctx.lineWidth = 200;
+ ctx.beginPath();
+ ctx.roundRect(100, 25, 1000, 0, [0]);
+ ctx.stroke();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.empty.html b/html/canvas/offscreen/path-objects/2d.path.stroke.empty.html
index a873b26..29a95da 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.empty.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.empty.html
@@ -17,21 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(40, 25);
-ctx.moveTo(60, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(40, 25);
+ ctx.moveTo(60, 25);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.empty.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.empty.worker.js
index 1852c91..56ee68f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.empty.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.empty.worker.js
@@ -13,21 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(40, 25);
-ctx.moveTo(60, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(40, 25);
+ ctx.moveTo(60, 25);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.overlap.html b/html/canvas/offscreen/path-objects/2d.path.stroke.overlap.html
index 252a840..c384746 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.overlap.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.overlap.html
@@ -17,20 +17,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#000';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = 'rgba(0, 255, 0, 0.5)';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 20);
-ctx.lineTo(100, 20);
-ctx.moveTo(0, 30);
-ctx.lineTo(100, 30);
-ctx.stroke();
-_assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
-t.done();
+ ctx.fillStyle = '#000';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = 'rgba(0, 255, 0, 0.5)';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 20);
+ ctx.lineTo(100, 20);
+ ctx.moveTo(0, 30);
+ ctx.lineTo(100, 30);
+ ctx.stroke();
+
+ _assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.overlap.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.overlap.worker.js
index aa7cc51..0e59d3b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.overlap.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.overlap.worker.js
@@ -13,20 +13,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#000';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = 'rgba(0, 255, 0, 0.5)';
-ctx.lineWidth = 50;
-ctx.moveTo(0, 20);
-ctx.lineTo(100, 20);
-ctx.moveTo(0, 30);
-ctx.lineTo(100, 30);
-ctx.stroke();
-_assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
-t.done();
+ ctx.fillStyle = '#000';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = 'rgba(0, 255, 0, 0.5)';
+ ctx.lineWidth = 50;
+ ctx.moveTo(0, 20);
+ ctx.lineTo(100, 20);
+ ctx.moveTo(0, 30);
+ ctx.lineTo(100, 30);
+ ctx.stroke();
+
+ _assertPixelApprox(canvas, 50,25, 0,127,0,255, 1);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.arc.html b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.arc.html
index 67f2544..40a73b8 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.arc.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.arc.html
@@ -17,25 +17,29 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arcTo(50, 25, 150, 25, 10);
-ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(60, 25);
-ctx.arc(50, 25, 10, 0, 0, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arcTo(50, 25, 150, 25, 10);
+ ctx.stroke();
+
+ ctx.beginPath();
+ ctx.moveTo(60, 25);
+ ctx.arc(50, 25, 10, 0, 0, false);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.arc.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.arc.worker.js
index ca5844c..880e814 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.arc.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.arc.worker.js
@@ -13,25 +13,28 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.arcTo(50, 25, 150, 25, 10);
-ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(60, 25);
-ctx.arc(50, 25, 10, 0, 0, false);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.arcTo(50, 25, 150, 25, 10);
+ ctx.stroke();
+
+ ctx.beginPath();
+ ctx.moveTo(60, 25);
+ ctx.arc(50, 25, 10, 0, 0, false);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.closed.html b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.closed.html
index 1012975..2a3b400 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.closed.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.closed.html
@@ -17,22 +17,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.lineTo(50, 25);
-ctx.closePath();
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.lineTo(50, 25);
+ ctx.closePath();
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.closed.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.closed.worker.js
index 9b3426f..e1d271b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.closed.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.closed.worker.js
@@ -13,22 +13,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.lineTo(50, 25);
-ctx.closePath();
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.lineTo(50, 25);
+ ctx.closePath();
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.corner.html b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.corner.html
index 553fdb6..45db65d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.corner.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.corner.html
@@ -17,24 +17,27 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 400;
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.4;
-ctx.beginPath();
-ctx.moveTo(-1000, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 1000);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 400;
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.4;
+
+ ctx.beginPath();
+ ctx.moveTo(-1000, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 1000);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.corner.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.corner.worker.js
index c2233bb..fff4ba1 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.corner.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.corner.worker.js
@@ -13,24 +13,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 400;
-ctx.lineJoin = 'miter';
-ctx.miterLimit = 1.4;
-ctx.beginPath();
-ctx.moveTo(-1000, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 200);
-ctx.lineTo(-100, 1000);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 400;
+ ctx.lineJoin = 'miter';
+ ctx.miterLimit = 1.4;
+
+ ctx.beginPath();
+ ctx.moveTo(-1000, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 200);
+ ctx.lineTo(-100, 1000);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.curve.html b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.curve.html
index ae2f922..946395f 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.curve.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.curve.html
@@ -17,25 +17,29 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.quadraticCurveTo(50, 25, 50, 25);
-ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.bezierCurveTo(50, 25, 50, 25, 50, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.quadraticCurveTo(50, 25, 50, 25);
+ ctx.stroke();
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.bezierCurveTo(50, 25, 50, 25, 50, 25);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.curve.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.curve.worker.js
index 7dc88a7..ed960fd 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.curve.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.curve.worker.js
@@ -13,25 +13,28 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.quadraticCurveTo(50, 25, 50, 25);
-ctx.stroke();
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.bezierCurveTo(50, 25, 50, 25, 50, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.quadraticCurveTo(50, 25, 50, 25);
+ ctx.stroke();
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.bezierCurveTo(50, 25, 50, 25, 50, 25);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.line.html b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.line.html
index e9163ca..1f0a892 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.line.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.line.html
@@ -17,21 +17,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.lineTo(50, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.lineTo(50, 25);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.line.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.line.worker.js
index 160bbe7..a00e73b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.line.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.line.worker.js
@@ -13,21 +13,23 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.moveTo(50, 25);
-ctx.lineTo(50, 25);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.moveTo(50, 25);
+ ctx.lineTo(50, 25);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.rect.html b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.rect.html
index 72d0d6b..ffce538 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.rect.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.rect.html
@@ -17,21 +17,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.rect(50, 25, 0, 0);
-ctx.stroke();
-ctx.strokeRect(50, 25, 0, 0);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.rect(50, 25, 0, 0);
+ ctx.stroke();
+
+ ctx.strokeRect(50, 25, 0, 0);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.rect.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.rect.worker.js
index c6ed67e..87bb533 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.prune.rect.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.prune.rect.worker.js
@@ -13,21 +13,24 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 100;
-ctx.lineCap = 'round';
-ctx.lineJoin = 'round';
-ctx.beginPath();
-ctx.rect(50, 25, 0, 0);
-ctx.stroke();
-ctx.strokeRect(50, 25, 0, 0);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 100;
+ ctx.lineCap = 'round';
+ ctx.lineJoin = 'round';
+
+ ctx.beginPath();
+ ctx.rect(50, 25, 0, 0);
+ ctx.stroke();
+
+ ctx.strokeRect(50, 25, 0, 0);
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.scale1.html b/html/canvas/offscreen/path-objects/2d.path.stroke.scale1.html
index e13fd9f..4763906 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.scale1.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.scale1.html
@@ -17,35 +17,38 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(25, 12.5, 50, 25);
-ctx.save();
-ctx.scale(50, 25);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
-ctx.beginPath();
-ctx.rect(-25, -12.5, 150, 75);
-ctx.save();
-ctx.scale(50, 25);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.beginPath();
+ ctx.rect(25, 12.5, 50, 25);
+ ctx.save();
+ ctx.scale(50, 25);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
+
+ ctx.beginPath();
+ ctx.rect(-25, -12.5, 150, 75);
+ ctx.save();
+ ctx.scale(50, 25);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.scale1.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.scale1.worker.js
index ef7b2d4..3725fdf 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.scale1.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.scale1.worker.js
@@ -13,35 +13,37 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(25, 12.5, 50, 25);
-ctx.save();
-ctx.scale(50, 25);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
-ctx.beginPath();
-ctx.rect(-25, -12.5, 150, 75);
-ctx.save();
-ctx.scale(50, 25);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.rect(25, 12.5, 50, 25);
+ ctx.save();
+ ctx.scale(50, 25);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
+
+ ctx.beginPath();
+ ctx.rect(-25, -12.5, 150, 75);
+ ctx.save();
+ ctx.scale(50, 25);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.scale2.html b/html/canvas/offscreen/path-objects/2d.path.stroke.scale2.html
index 2b80f16..447a6df 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.scale2.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.scale2.html
@@ -17,37 +17,40 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(25, 12.5, 50, 25);
-ctx.save();
-ctx.rotate(Math.PI/2);
-ctx.scale(25, 50);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
-ctx.beginPath();
-ctx.rect(-25, -12.5, 150, 75);
-ctx.save();
-ctx.rotate(Math.PI/2);
-ctx.scale(25, 50);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.beginPath();
+ ctx.rect(25, 12.5, 50, 25);
+ ctx.save();
+ ctx.rotate(Math.PI/2);
+ ctx.scale(25, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
+
+ ctx.beginPath();
+ ctx.rect(-25, -12.5, 150, 75);
+ ctx.save();
+ ctx.rotate(Math.PI/2);
+ ctx.scale(25, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.scale2.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.scale2.worker.js
index 9c6d4fb..5223de7 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.scale2.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.scale2.worker.js
@@ -13,37 +13,39 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.beginPath();
-ctx.rect(25, 12.5, 50, 25);
-ctx.save();
-ctx.rotate(Math.PI/2);
-ctx.scale(25, 50);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
-ctx.beginPath();
-ctx.rect(-25, -12.5, 150, 75);
-ctx.save();
-ctx.rotate(Math.PI/2);
-ctx.scale(25, 50);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.beginPath();
+ ctx.rect(25, 12.5, 50, 25);
+ ctx.save();
+ ctx.rotate(Math.PI/2);
+ ctx.scale(25, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
+
+ ctx.beginPath();
+ ctx.rect(-25, -12.5, 150, 75);
+ ctx.save();
+ ctx.rotate(Math.PI/2);
+ ctx.scale(25, 50);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.skew.html b/html/canvas/offscreen/path-objects/2d.path.stroke.skew.html
index 55e96e0..1fb118b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.skew.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.skew.html
@@ -17,50 +17,54 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.save();
-ctx.beginPath();
-ctx.moveTo(49, -50);
-ctx.lineTo(201, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 283);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
-ctx.save();
-ctx.beginPath();
-ctx.translate(-150, 0);
-ctx.moveTo(49, -50);
-ctx.lineTo(199, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 142);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
-ctx.save();
-ctx.beginPath();
-ctx.translate(-150, 0);
-ctx.moveTo(49, -50);
-ctx.lineTo(199, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 142);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.save();
+ ctx.beginPath();
+ ctx.moveTo(49, -50);
+ ctx.lineTo(201, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 283);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
+
+ ctx.save();
+ ctx.beginPath();
+ ctx.translate(-150, 0);
+ ctx.moveTo(49, -50);
+ ctx.lineTo(199, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 142);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
+
+ ctx.save();
+ ctx.beginPath();
+ ctx.translate(-150, 0);
+ ctx.moveTo(49, -50);
+ ctx.lineTo(199, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 142);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.skew.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.skew.worker.js
index 745afe4..e65b796 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.skew.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.skew.worker.js
@@ -13,50 +13,53 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.save();
-ctx.beginPath();
-ctx.moveTo(49, -50);
-ctx.lineTo(201, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 283);
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-ctx.restore();
-ctx.save();
-ctx.beginPath();
-ctx.translate(-150, 0);
-ctx.moveTo(49, -50);
-ctx.lineTo(199, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 142);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
-ctx.save();
-ctx.beginPath();
-ctx.translate(-150, 0);
-ctx.moveTo(49, -50);
-ctx.lineTo(199, -50);
-ctx.rotate(Math.PI/4);
-ctx.scale(1, 142);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.restore();
-_assertPixel(canvas, 0,0, 0,255,0,255);
-_assertPixel(canvas, 50,0, 0,255,0,255);
-_assertPixel(canvas, 99,0, 0,255,0,255);
-_assertPixel(canvas, 0,25, 0,255,0,255);
-_assertPixel(canvas, 50,25, 0,255,0,255);
-_assertPixel(canvas, 99,25, 0,255,0,255);
-_assertPixel(canvas, 0,49, 0,255,0,255);
-_assertPixel(canvas, 50,49, 0,255,0,255);
-_assertPixel(canvas, 99,49, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.save();
+ ctx.beginPath();
+ ctx.moveTo(49, -50);
+ ctx.lineTo(201, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 283);
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+ ctx.restore();
+
+ ctx.save();
+ ctx.beginPath();
+ ctx.translate(-150, 0);
+ ctx.moveTo(49, -50);
+ ctx.lineTo(199, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 142);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
+
+ ctx.save();
+ ctx.beginPath();
+ ctx.translate(-150, 0);
+ ctx.moveTo(49, -50);
+ ctx.lineTo(199, -50);
+ ctx.rotate(Math.PI/4);
+ ctx.scale(1, 142);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+ ctx.restore();
+
+ _assertPixel(canvas, 0,0, 0,255,0,255);
+ _assertPixel(canvas, 50,0, 0,255,0,255);
+ _assertPixel(canvas, 99,0, 0,255,0,255);
+ _assertPixel(canvas, 0,25, 0,255,0,255);
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ _assertPixel(canvas, 99,25, 0,255,0,255);
+ _assertPixel(canvas, 0,49, 0,255,0,255);
+ _assertPixel(canvas, 50,49, 0,255,0,255);
+ _assertPixel(canvas, 99,49, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.unaffected.html b/html/canvas/offscreen/path-objects/2d.path.stroke.unaffected.html
index 58e7f75..3fc9cfa 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.unaffected.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.unaffected.html
@@ -17,23 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -100);
-ctx.lineTo(200, -100);
-ctx.lineTo(200, 25);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.closePath();
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -100);
+ ctx.lineTo(200, -100);
+ ctx.lineTo(200, 25);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+
+ ctx.closePath();
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.unaffected.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.unaffected.worker.js
index a47c32d..d9df1ad 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.unaffected.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.unaffected.worker.js
@@ -13,23 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.lineWidth = 50;
-ctx.moveTo(-100, 25);
-ctx.lineTo(-100, -100);
-ctx.lineTo(200, -100);
-ctx.lineTo(200, 25);
-ctx.strokeStyle = '#f00';
-ctx.stroke();
-ctx.closePath();
-ctx.strokeStyle = '#0f0';
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.lineWidth = 50;
+ ctx.moveTo(-100, 25);
+ ctx.lineTo(-100, -100);
+ ctx.lineTo(200, -100);
+ ctx.lineTo(200, 25);
+ ctx.strokeStyle = '#f00';
+ ctx.stroke();
+
+ ctx.closePath();
+ ctx.strokeStyle = '#0f0';
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.union.html b/html/canvas/offscreen/path-objects/2d.path.stroke.union.html
index c3f063f..6b980ac 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.union.html
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.union.html
@@ -17,20 +17,22 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 40;
-ctx.moveTo(0, 10);
-ctx.lineTo(100, 10);
-ctx.moveTo(100, 40);
-ctx.lineTo(0, 40);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 40;
+ ctx.moveTo(0, 10);
+ ctx.lineTo(100, 10);
+ ctx.moveTo(100, 40);
+ ctx.lineTo(0, 40);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.stroke.union.worker.js b/html/canvas/offscreen/path-objects/2d.path.stroke.union.worker.js
index 282cb10..3b05fee 100644
--- a/html/canvas/offscreen/path-objects/2d.path.stroke.union.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.stroke.union.worker.js
@@ -13,20 +13,21 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.strokeStyle = '#0f0';
-ctx.lineWidth = 40;
-ctx.moveTo(0, 10);
-ctx.lineTo(100, 10);
-ctx.moveTo(100, 40);
-ctx.lineTo(0, 40);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.strokeStyle = '#0f0';
+ ctx.lineWidth = 40;
+ ctx.moveTo(0, 10);
+ ctx.lineTo(100, 10);
+ ctx.moveTo(100, 40);
+ ctx.lineTo(0, 40);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.transformation.basic.html b/html/canvas/offscreen/path-objects/2d.path.transformation.basic.html
index 1837004..27f00aa 100644
--- a/html/canvas/offscreen/path-objects/2d.path.transformation.basic.html
+++ b/html/canvas/offscreen/path-objects/2d.path.transformation.basic.html
@@ -17,18 +17,20 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.translate(-100, 0);
-ctx.rect(100, 0, 100, 50);
-ctx.translate(0, -100);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.translate(-100, 0);
+ ctx.rect(100, 0, 100, 50);
+ ctx.translate(0, -100);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.transformation.basic.worker.js b/html/canvas/offscreen/path-objects/2d.path.transformation.basic.worker.js
index 7bc112d..3ae4c87 100644
--- a/html/canvas/offscreen/path-objects/2d.path.transformation.basic.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.transformation.basic.worker.js
@@ -13,18 +13,19 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.translate(-100, 0);
-ctx.rect(100, 0, 100, 50);
-ctx.translate(0, -100);
-ctx.fillStyle = '#0f0';
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.translate(-100, 0);
+ ctx.rect(100, 0, 100, 50);
+ ctx.translate(0, -100);
+ ctx.fillStyle = '#0f0';
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.transformation.changing.html b/html/canvas/offscreen/path-objects/2d.path.transformation.changing.html
index b8a4673..786a5cf 100644
--- a/html/canvas/offscreen/path-objects/2d.path.transformation.changing.html
+++ b/html/canvas/offscreen/path-objects/2d.path.transformation.changing.html
@@ -17,25 +17,26 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(0, 0);
-ctx.translate(100, 0);
-ctx.lineTo(0, 0);
-ctx.translate(0, 50);
-ctx.lineTo(0, 0);
-ctx.translate(-100, 0);
-ctx.lineTo(0, 0);
-ctx.translate(1000, 1000);
-ctx.rotate(Math.PI/2);
-ctx.scale(0.1, 0.1);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(0, 0);
+ ctx.translate(100, 0);
+ ctx.lineTo(0, 0);
+ ctx.translate(0, 50);
+ ctx.lineTo(0, 0);
+ ctx.translate(-100, 0);
+ ctx.lineTo(0, 0);
+ ctx.translate(1000, 1000);
+ ctx.rotate(Math.PI/2);
+ ctx.scale(0.1, 0.1);
+ ctx.fill();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.transformation.changing.worker.js b/html/canvas/offscreen/path-objects/2d.path.transformation.changing.worker.js
index 2460d24..2d8993c 100644
--- a/html/canvas/offscreen/path-objects/2d.path.transformation.changing.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.transformation.changing.worker.js
@@ -13,25 +13,25 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#f00';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#0f0';
-ctx.moveTo(0, 0);
-ctx.translate(100, 0);
-ctx.lineTo(0, 0);
-ctx.translate(0, 50);
-ctx.lineTo(0, 0);
-ctx.translate(-100, 0);
-ctx.lineTo(0, 0);
-ctx.translate(1000, 1000);
-ctx.rotate(Math.PI/2);
-ctx.scale(0.1, 0.1);
-ctx.fill();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#f00';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#0f0';
+ ctx.moveTo(0, 0);
+ ctx.translate(100, 0);
+ ctx.lineTo(0, 0);
+ ctx.translate(0, 50);
+ ctx.lineTo(0, 0);
+ ctx.translate(-100, 0);
+ ctx.lineTo(0, 0);
+ ctx.translate(1000, 1000);
+ ctx.rotate(Math.PI/2);
+ ctx.scale(0.1, 0.1);
+ ctx.fill();
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/offscreen/path-objects/2d.path.transformation.multiple.html b/html/canvas/offscreen/path-objects/2d.path.transformation.multiple.html
index fcc2942..636491b 100644
--- a/html/canvas/offscreen/path-objects/2d.path.transformation.multiple.html
+++ b/html/canvas/offscreen/path-objects/2d.path.transformation.multiple.html
@@ -17,28 +17,31 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.translate(-100, 0);
-ctx.rect(0, 0, 100, 50);
-ctx.fill();
-ctx.translate(100, 0);
-ctx.fill();
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.translate(0, -50);
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-ctx.translate(0, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+
+ ctx.fillStyle = '#f00';
+ ctx.translate(-100, 0);
+ ctx.rect(0, 0, 100, 50);
+ ctx.fill();
+ ctx.translate(100, 0);
+ ctx.fill();
+
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.translate(0, -50);
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ ctx.translate(0, 50);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
</script>
diff --git a/html/canvas/offscreen/path-objects/2d.path.transformation.multiple.worker.js b/html/canvas/offscreen/path-objects/2d.path.transformation.multiple.worker.js
index a2a04ca..a9fb37d 100644
--- a/html/canvas/offscreen/path-objects/2d.path.transformation.multiple.worker.js
+++ b/html/canvas/offscreen/path-objects/2d.path.transformation.multiple.worker.js
@@ -13,28 +13,30 @@
});
t.step(function() {
-var canvas = new OffscreenCanvas(100, 50);
-var ctx = canvas.getContext('2d');
+ var canvas = new OffscreenCanvas(100, 50);
+ var ctx = canvas.getContext('2d');
-ctx.fillStyle = '#0f0';
-ctx.fillRect(0, 0, 100, 50);
-ctx.fillStyle = '#f00';
-ctx.translate(-100, 0);
-ctx.rect(0, 0, 100, 50);
-ctx.fill();
-ctx.translate(100, 0);
-ctx.fill();
-ctx.beginPath();
-ctx.strokeStyle = '#f00';
-ctx.lineWidth = 50;
-ctx.translate(0, -50);
-ctx.moveTo(0, 25);
-ctx.lineTo(100, 25);
-ctx.stroke();
-ctx.translate(0, 50);
-ctx.stroke();
-_assertPixel(canvas, 50,25, 0,255,0,255);
-t.done();
+ ctx.fillStyle = '#0f0';
+ ctx.fillRect(0, 0, 100, 50);
+ ctx.fillStyle = '#f00';
+ ctx.translate(-100, 0);
+ ctx.rect(0, 0, 100, 50);
+ ctx.fill();
+ ctx.translate(100, 0);
+ ctx.fill();
+
+ ctx.beginPath();
+ ctx.strokeStyle = '#f00';
+ ctx.lineWidth = 50;
+ ctx.translate(0, -50);
+ ctx.moveTo(0, 25);
+ ctx.lineTo(100, 25);
+ ctx.stroke();
+ ctx.translate(0, 50);
+ ctx.stroke();
+
+ _assertPixel(canvas, 50,25, 0,255,0,255);
+ t.done();
});
done();
diff --git a/html/canvas/tools/yaml/element/path-objects.yaml b/html/canvas/tools/yaml-new/path-objects.yaml
similarity index 100%
rename from html/canvas/tools/yaml/element/path-objects.yaml
rename to html/canvas/tools/yaml-new/path-objects.yaml
diff --git a/html/canvas/tools/yaml/offscreen/path-objects.yaml b/html/canvas/tools/yaml/offscreen/path-objects.yaml
deleted file mode 100644
index 9c70daf..0000000
--- a/html/canvas/tools/yaml/offscreen/path-objects.yaml
+++ /dev/null
@@ -1,3073 +0,0 @@
-- name: 2d.path.initial
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.closePath();
- ctx.fillStyle = '#f00';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.beginPath
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.rect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.fillStyle = '#f00';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.moveTo.basic
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.rect(0, 0, 10, 50);
- ctx.moveTo(100, 0);
- ctx.lineTo(10, 0);
- ctx.lineTo(10, 50);
- ctx.lineTo(100, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 90,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.moveTo.newsubpath
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.moveTo(0, 0);
- ctx.moveTo(100, 0);
- ctx.moveTo(100, 50);
- ctx.moveTo(0, 50);
- ctx.fillStyle = '#f00';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.moveTo.multiple
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.moveTo(0, 25);
- ctx.moveTo(100, 25);
- ctx.moveTo(0, 25);
- ctx.lineTo(100, 25);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.moveTo.nonfinite
- desc: moveTo() with Infinity/NaN is ignored
- code: |
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- @nonfinite ctx.moveTo(<0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.closePath.empty
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.closePath();
- ctx.fillStyle = '#f00';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.closePath.newline
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.moveTo(-100, 25);
- ctx.lineTo(-100, -100);
- ctx.lineTo(200, -100);
- ctx.lineTo(200, 25);
- ctx.closePath();
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.closePath.nextpoint
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.moveTo(-100, 25);
- ctx.lineTo(-100, -1000);
- ctx.closePath();
- ctx.lineTo(1000, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.lineTo.ensuresubpath.1
- desc: If there is no subpath, the point is added and nothing is drawn
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.lineTo(100, 50);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.lineTo.ensuresubpath.2
- desc: If there is no subpath, the point is added and used for subsequent drawing
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.lineTo(0, 25);
- ctx.lineTo(100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.lineTo.basic
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.lineTo(100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.lineTo.nextpoint
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.moveTo(-100, -100);
- ctx.lineTo(0, 25);
- ctx.lineTo(100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.lineTo.nonfinite
- desc: lineTo() with Infinity/NaN is ignored
- code: |
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- @nonfinite ctx.lineTo(<0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 90,45 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.lineTo.nonfinite.details
- desc: lineTo() with Infinity/NaN for first arg still converts the second arg
- code: |
- for (var arg1 of [Infinity, -Infinity, NaN]) {
- var converted = false;
- ctx.lineTo(arg1, { valueOf: function() { converted = true; return 0; } });
- @assert converted;
- }
- t.done();
-
-- name: 2d.path.quadraticCurveTo.ensuresubpath.1
- desc: If there is no subpath, the first control point is added (and nothing is drawn
- up to it)
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.quadraticCurveTo(100, 50, 200, 50);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 95,45 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.quadraticCurveTo.ensuresubpath.2
- desc: If there is no subpath, the first control point is added
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.quadraticCurveTo(0, 25, 100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 5,45 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.quadraticCurveTo.basic
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.quadraticCurveTo(100, 25, 100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.quadraticCurveTo.shape
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 55;
- ctx.beginPath();
- ctx.moveTo(-1000, 1050);
- ctx.quadraticCurveTo(0, -1000, 1200, 1050);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.quadraticCurveTo.scaled
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.scale(1000, 1000);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 0.055;
- ctx.beginPath();
- ctx.moveTo(-1, 1.05);
- ctx.quadraticCurveTo(0, -1, 1.2, 1.05);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.quadraticCurveTo.nonfinite
- desc: quadraticCurveTo() with Infinity/NaN is ignored
- code: |
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- @nonfinite ctx.quadraticCurveTo(<0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>, <0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 90,45 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.bezierCurveTo.ensuresubpath.1
- desc: If there is no subpath, the first control point is added (and nothing is drawn
- up to it)
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.bezierCurveTo(100, 50, 200, 50, 200, 50);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 95,45 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.bezierCurveTo.ensuresubpath.2
- desc: If there is no subpath, the first control point is added
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.bezierCurveTo(0, 25, 100, 25, 100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 5,45 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.bezierCurveTo.basic
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.bezierCurveTo(100, 25, 100, 25, 100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.bezierCurveTo.shape
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 55;
- ctx.beginPath();
- ctx.moveTo(-2000, 3100);
- ctx.bezierCurveTo(-2000, -1000, 2100, -1000, 2100, 3100);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.bezierCurveTo.scaled
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.scale(1000, 1000);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 0.055;
- ctx.beginPath();
- ctx.moveTo(-2, 3.1);
- ctx.bezierCurveTo(-2, -1, 2.1, -1, 2.1, 3.1);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.bezierCurveTo.nonfinite
- desc: bezierCurveTo() with Infinity/NaN is ignored
- code: |
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- @nonfinite ctx.bezierCurveTo(<0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>, <0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>, <0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 90,45 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.ensuresubpath.1
- desc: If there is no subpath, the first control point is added (and nothing is drawn
- up to it)
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.arcTo(100, 50, 200, 50, 0.1);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.ensuresubpath.2
- desc: If there is no subpath, the first control point is added
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.arcTo(0, 25, 50, 250, 0.1); // adds (x1,y1), draws nothing
- ctx.lineTo(100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.coincide.1
- desc: arcTo() has no effect if P0 = P1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arcTo(0, 25, 50, 1000, 1);
- ctx.lineTo(100, 25);
- ctx.stroke();
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(50, 25);
- ctx.arcTo(50, 25, 100, 25, 1);
- ctx.stroke();
- @assert pixel 50,1 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 50,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.coincide.2
- desc: arcTo() draws a straight line to P1 if P1 = P2
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arcTo(100, 25, 100, 25, 1);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.collinear.1
- desc: arcTo() with all points on a line, and P1 between P0/P2, draws a straight
- line to P1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arcTo(100, 25, 200, 25, 1);
- ctx.stroke();
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(-100, 25);
- ctx.arcTo(0, 25, 100, 25, 1);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.collinear.2
- desc: arcTo() with all points on a line, and P2 between P0/P1, draws a straight
- line to P1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arcTo(100, 25, 10, 25, 1);
- ctx.stroke();
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(100, 25);
- ctx.arcTo(200, 25, 110, 25, 1);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.collinear.3
- desc: arcTo() with all points on a line, and P0 between P1/P2, draws a straight
- line to P1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arcTo(100, 25, -100, 25, 1);
- ctx.stroke();
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(100, 25);
- ctx.arcTo(200, 25, 0, 25, 1);
- ctx.stroke();
- ctx.beginPath();
- ctx.moveTo(-100, 25);
- ctx.arcTo(0, 25, -200, 25, 1);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.shape.curve1
- desc: arcTo() curves in the right kind of shape
- code: |
- var tol = 1.5; // tolerance to avoid antialiasing artifacts
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 10;
- ctx.beginPath();
- ctx.moveTo(10, 25);
- ctx.arcTo(75, 25, 75, 60, 20);
- ctx.stroke();
- ctx.fillStyle = '#0f0';
- ctx.beginPath();
- ctx.rect(10, 20, 45, 10);
- ctx.moveTo(80, 45);
- ctx.arc(55, 45, 25+tol, 0, -Math.PI/2, true);
- ctx.arc(55, 45, 15-tol, -Math.PI/2, 0, false);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 55,19 == 0,255,0,255;
- @assert pixel 55,20 == 0,255,0,255;
- @assert pixel 55,21 == 0,255,0,255;
- @assert pixel 64,22 == 0,255,0,255;
- @assert pixel 65,21 == 0,255,0,255;
- @assert pixel 72,28 == 0,255,0,255;
- @assert pixel 73,27 == 0,255,0,255;
- @assert pixel 78,36 == 0,255,0,255;
- @assert pixel 79,35 == 0,255,0,255;
- @assert pixel 80,44 == 0,255,0,255;
- @assert pixel 80,45 == 0,255,0,255;
- @assert pixel 80,46 == 0,255,0,255;
- @assert pixel 65,45 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.shape.curve2
- desc: arcTo() curves in the right kind of shape
- code: |
- var tol = 1.5; // tolerance to avoid antialiasing artifacts
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.beginPath();
- ctx.rect(10, 20, 45, 10);
- ctx.moveTo(80, 45);
- ctx.arc(55, 45, 25-tol, 0, -Math.PI/2, true);
- ctx.arc(55, 45, 15+tol, -Math.PI/2, 0, false);
- ctx.fill();
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 10;
- ctx.beginPath();
- ctx.moveTo(10, 25);
- ctx.arcTo(75, 25, 75, 60, 20);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 55,19 == 0,255,0,255;
- @assert pixel 55,20 == 0,255,0,255;
- @assert pixel 55,21 == 0,255,0,255;
- @assert pixel 64,22 == 0,255,0,255;
- @assert pixel 65,21 == 0,255,0,255;
- @assert pixel 72,28 == 0,255,0,255;
- @assert pixel 73,27 == 0,255,0,255;
- @assert pixel 78,36 == 0,255,0,255;
- @assert pixel 79,35 == 0,255,0,255;
- @assert pixel 80,44 == 0,255,0,255;
- @assert pixel 80,45 == 0,255,0,255;
- @assert pixel 80,46 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.shape.start
- desc: arcTo() draws a straight line from P0 to P1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arcTo(200, 25, 200, 50, 10);
- ctx.stroke();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.shape.end
- desc: arcTo() does not draw anything from P1 to P2
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.beginPath();
- ctx.moveTo(-100, -100);
- ctx.arcTo(-100, 25, 200, 25, 10);
- ctx.stroke();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.negative
- desc: arcTo() with negative radius throws an exception
- code: |
- @assert throws INDEX_SIZE_ERR ctx.arcTo(0, 0, 0, 0, -1);
- t.done();
-
-- name: 2d.path.arcTo.zero.1
- desc: arcTo() with zero radius draws a straight line from P0 to P1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arcTo(100, 25, 100, 100, 0);
- ctx.stroke();
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(0, -25);
- ctx.arcTo(50, -25, 50, 50, 0);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.zero.2
- desc: arcTo() with zero radius draws a straight line from P0 to P1, even when all
- points are collinear
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arcTo(100, 25, -100, 25, 0);
- ctx.stroke();
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(100, 25);
- ctx.arcTo(200, 25, 50, 25, 0);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.transformation
- desc: arcTo joins up to the last subpath point correctly
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 50);
- ctx.translate(100, 0);
- ctx.arcTo(50, 50, 50, 0, 50);
- ctx.lineTo(-100, 0);
- ctx.fill();
- @assert pixel 0,0 == 0,255,0,255;
- @assert pixel 50,0 == 0,255,0,255;
- @assert pixel 99,0 == 0,255,0,255;
- @assert pixel 0,25 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 99,25 == 0,255,0,255;
- @assert pixel 0,49 == 0,255,0,255;
- @assert pixel 50,49 == 0,255,0,255;
- @assert pixel 99,49 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.scale
- desc: arcTo scales the curve, not just the control points
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 50);
- ctx.translate(100, 0);
- ctx.scale(0.1, 1);
- ctx.arcTo(50, 50, 50, 0, 50);
- ctx.lineTo(-1000, 0);
- ctx.fill();
- @assert pixel 0,0 == 0,255,0,255;
- @assert pixel 50,0 == 0,255,0,255;
- @assert pixel 99,0 == 0,255,0,255;
- @assert pixel 0,25 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 99,25 == 0,255,0,255;
- @assert pixel 0,49 == 0,255,0,255;
- @assert pixel 50,49 == 0,255,0,255;
- @assert pixel 99,49 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arcTo.nonfinite
- desc: arcTo() with Infinity/NaN is ignored
- code: |
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- @nonfinite ctx.arcTo(<0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>, <0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>, <0 Infinity -Infinity NaN>);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 90,45 == 0,255,0,255;
- t.done();
-
-
-- name: 2d.path.arc.empty
- desc: arc() with an empty path does not draw a straight line to the start point
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.nonempty
- desc: arc() with a non-empty path does draw a straight line to the start point
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arc(200, 25, 5, 0, 2*Math.PI, true);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.end
- desc: arc() adds the end point of the arc to the subpath
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(-100, 0);
- ctx.arc(-100, 0, 25, -Math.PI/2, Math.PI/2, true);
- ctx.lineTo(100, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.default
- desc: arc() with missing last argument defaults to clockwise
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(100, 0);
- ctx.arc(100, 0, 150, -Math.PI, Math.PI/2);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.angle.1
- desc: arc() draws pi/2 .. -pi anticlockwise correctly
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(100, 0);
- ctx.arc(100, 0, 150, Math.PI/2, -Math.PI, true);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.angle.2
- desc: arc() draws -3pi/2 .. -pi anticlockwise correctly
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(100, 0);
- ctx.arc(100, 0, 150, -3*Math.PI/2, -Math.PI, true);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.angle.3
- desc: arc() wraps angles mod 2pi when anticlockwise and end > start+2pi
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(100, 0);
- ctx.arc(100, 0, 150, (512+1/2)*Math.PI, (1024-1)*Math.PI, true);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.angle.4
- desc: arc() draws a full circle when clockwise and end > start+2pi
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(50, 25);
- ctx.arc(50, 25, 60, (512+1/2)*Math.PI, (1024-1)*Math.PI, false);
- ctx.fill();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.angle.5
- desc: arc() wraps angles mod 2pi when clockwise and start > end+2pi
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(100, 0);
- ctx.arc(100, 0, 150, (1024-1)*Math.PI, (512+1/2)*Math.PI, false);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.angle.6
- desc: arc() draws a full circle when anticlockwise and start > end+2pi
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(50, 25);
- ctx.arc(50, 25, 60, (1024-1)*Math.PI, (512+1/2)*Math.PI, true);
- ctx.fill();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.zero.1
- desc: arc() draws nothing when startAngle = endAngle and anticlockwise
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.arc(50, 25, 50, 0, 0, true);
- ctx.stroke();
- @assert pixel 50,20 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.zero.2
- desc: arc() draws nothing when startAngle = endAngle and clockwise
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.arc(50, 25, 50, 0, 0, false);
- ctx.stroke();
- @assert pixel 50,20 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.twopie.1
- desc: arc() draws nothing when end = start + 2pi-e and anticlockwise
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, true);
- ctx.stroke();
- @assert pixel 50,20 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.twopie.2
- desc: arc() draws a full circle when end = start + 2pi-e and clockwise
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.arc(50, 25, 50, 0, 2*Math.PI - 1e-4, false);
- ctx.stroke();
- @assert pixel 50,20 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.twopie.3
- desc: arc() draws a full circle when end = start + 2pi+e and anticlockwise
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, true);
- ctx.stroke();
- @assert pixel 50,20 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.twopie.4
- desc: arc() draws nothing when end = start + 2pi+e and clockwise
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.arc(50, 25, 50, 0, 2*Math.PI + 1e-4, false);
- ctx.stroke();
- @assert pixel 50,20 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.shape.1
- desc: arc() from 0 to pi does not draw anything in the wrong half
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.arc(50, 50, 50, 0, Math.PI, false);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 20,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.shape.2
- desc: arc() from 0 to pi draws stuff in the right half
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 100;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.arc(50, 50, 50, 0, Math.PI, true);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 20,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.shape.3
- desc: arc() from 0 to -pi/2 does not draw anything in the wrong quadrant
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 100;
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.arc(0, 50, 50, 0, -Math.PI/2, false);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255; @moz-todo
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.shape.4
- desc: arc() from 0 to -pi/2 draws stuff in the right quadrant
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 150;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.arc(-50, 50, 100, 0, -Math.PI/2, true);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.shape.5
- desc: arc() from 0 to 5pi does not draw crazy things
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 200;
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.arc(300, 0, 100, 0, 5*Math.PI, false);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.selfintersect.1
- desc: arc() with lineWidth > 2*radius is drawn sensibly
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 200;
- ctx.strokeStyle = '#f00';
- ctx.beginPath();
- ctx.arc(100, 50, 25, 0, -Math.PI/2, true);
- ctx.stroke();
- ctx.beginPath();
- ctx.arc(0, 0, 25, 0, -Math.PI/2, true);
- ctx.stroke();
- @assert pixel 1,1 == 0,255,0,255; @moz-todo
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.selfintersect.2
- desc: arc() with lineWidth > 2*radius is drawn sensibly
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 180;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.arc(-50, 50, 25, 0, -Math.PI/2, true);
- ctx.stroke();
- ctx.beginPath();
- ctx.arc(100, 0, 25, 0, -Math.PI/2, true);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 90,10 == 0,255,0,255;
- @assert pixel 97,1 == 0,255,0,255;
- @assert pixel 97,2 == 0,255,0,255;
- @assert pixel 97,3 == 0,255,0,255;
- @assert pixel 2,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.negative
- desc: arc() with negative radius throws INDEX_SIZE_ERR
- code: |
- @assert throws INDEX_SIZE_ERR ctx.arc(0, 0, -1, 0, 0, true);
- t.done();
-
-- name: 2d.path.arc.zeroradius
- desc: arc() with zero radius draws a line to the start point
- code: |
- ctx.fillStyle = '#f00'
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 25);
- ctx.arc(200, 25, 0, 0, Math.PI, true);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.scale.1
- desc: Non-uniformly scaled arcs are the right shape
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.scale(2, 0.5);
- ctx.fillStyle = '#0f0';
- ctx.beginPath();
- ctx.arc(25, 50, 56, 0, 2*Math.PI, false);
- ctx.fill();
- ctx.fillStyle = '#f00';
- ctx.beginPath();
- ctx.moveTo(-25, 50);
- ctx.arc(-25, 50, 24, 0, 2*Math.PI, false);
- ctx.moveTo(75, 50);
- ctx.arc(75, 50, 24, 0, 2*Math.PI, false);
- ctx.moveTo(25, -25);
- ctx.arc(25, -25, 24, 0, 2*Math.PI, false);
- ctx.moveTo(25, 125);
- ctx.arc(25, 125, 24, 0, 2*Math.PI, false);
- ctx.fill();
- @assert pixel 0,0 == 0,255,0,255;
- @assert pixel 50,0 == 0,255,0,255;
- @assert pixel 99,0 == 0,255,0,255;
- @assert pixel 0,25 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 99,25 == 0,255,0,255;
- @assert pixel 0,49 == 0,255,0,255;
- @assert pixel 50,49 == 0,255,0,255;
- @assert pixel 99,49 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.scale.2
- desc: Highly scaled arcs are the right shape
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.scale(100, 100);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 1.2;
- ctx.beginPath();
- ctx.arc(0, 0, 0.6, 0, Math.PI/2, false);
- ctx.stroke();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 50,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,25 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 98,25 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 50,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.arc.nonfinite
- desc: arc() with Infinity/NaN is ignored
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- @nonfinite ctx.arc(<0 Infinity -Infinity NaN>, <0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>, <0 Infinity -Infinity NaN>, <2*Math.PI Infinity -Infinity NaN>, <true>);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 90,45 == 0,255,0,255;
- t.done();
-
-
-- name: 2d.path.rect.basic
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.rect(0, 0, 100, 50);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.newsubpath
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.moveTo(-100, 25);
- ctx.lineTo(-50, 25);
- ctx.rect(200, 25, 1, 1);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.closed
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 200;
- ctx.lineJoin = 'miter';
- ctx.rect(100, 50, 100, 100);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.end.1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.rect(200, 100, 400, 1000);
- ctx.lineTo(-2000, -1000);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.end.2
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 450;
- ctx.lineCap = 'round';
- ctx.lineJoin = 'bevel';
- ctx.rect(150, 150, 2000, 2000);
- ctx.lineTo(160, 160);
- ctx.stroke();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.zero.1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.rect(0, 50, 100, 0);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.zero.2
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.rect(50, -100, 0, 250);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.zero.3
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.rect(50, 25, 0, 0);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.zero.4
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.rect(100, 25, 0, 0);
- ctx.lineTo(0, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.zero.5
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.moveTo(0, 0);
- ctx.rect(100, 25, 0, 0);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.zero.6
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineJoin = 'miter';
- ctx.miterLimit = 1.5;
- ctx.lineWidth = 200;
- ctx.beginPath();
- ctx.rect(100, 25, 1000, 0);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.rect.negative
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.fillStyle = '#0f0';
- ctx.rect(0, 0, 50, 25);
- ctx.rect(100, 0, -50, 25);
- ctx.rect(0, 50, 50, -25);
- ctx.rect(100, 50, -50, -25);
- ctx.fill();
- @assert pixel 25,12 == 0,255,0,255;
- @assert pixel 75,12 == 0,255,0,255;
- @assert pixel 25,37 == 0,255,0,255;
- @assert pixel 75,37 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.winding
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.fillStyle = '#f00';
- ctx.rect(0, 0, 50, 50);
- ctx.rect(100, 50, -50, -50);
- ctx.rect(0, 25, 100, -25);
- ctx.rect(100, 25, -100, 25);
- ctx.fill();
- @assert pixel 25,12 == 0,255,0,255;
- @assert pixel 75,12 == 0,255,0,255;
- @assert pixel 25,37 == 0,255,0,255;
- @assert pixel 75,37 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.rect.selfintersect
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 90;
- ctx.beginPath();
- ctx.rect(45, 20, 10, 10);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.rect.nonfinite
- desc: rect() with Infinity/NaN is ignored
- code: |
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- @nonfinite ctx.rect(<0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>, <1 Infinity -Infinity NaN>, <1 Infinity -Infinity NaN>);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 90,45 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.newsubpath
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.moveTo(-100, 25);
- ctx.lineTo(-50, 25);
- ctx.roundRect(200, 25, 1, 1, [0]);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.closed
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 200;
- ctx.lineJoin = 'miter';
- ctx.roundRect(100, 50, 100, 100, [0]);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.end.1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.roundRect(200, 100, 400, 1000, [0]);
- ctx.lineTo(-2000, -1000);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.end.2
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 450;
- ctx.lineCap = 'round';
- ctx.lineJoin = 'bevel';
- ctx.roundRect(150, 150, 2000, 2000, [0]);
- ctx.lineTo(160, 160);
- ctx.stroke();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.end.3
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.roundRect(101, 51, 2000, 2000, [500, 500, 500, 500]);
- ctx.lineTo(-1, -1);
- ctx.stroke();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.end.4
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 10;
- ctx.roundRect(-1, -1, 2000, 2000, [1000, 1000, 1000, 1000]);
- ctx.lineTo(-150, -150);
- ctx.stroke();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.zero.1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.roundRect(0, 50, 100, 0, [0]);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.zero.2
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.roundRect(50, -100, 0, 250, [0]);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.zero.3
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.beginPath();
- ctx.roundRect(50, 25, 0, 0, [0]);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.zero.4
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 50;
- ctx.roundRect(100, 25, 0, 0, [0]);
- ctx.lineTo(0, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.zero.5
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.moveTo(0, 0);
- ctx.roundRect(100, 25, 0, 0, [0]);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.zero.6
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineJoin = 'miter';
- ctx.miterLimit = 1.5;
- ctx.lineWidth = 200;
- ctx.beginPath();
- ctx.roundRect(100, 25, 1000, 0, [0]);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.negative
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.fillStyle = '#0f0';
- ctx.roundRect(0, 0, 50, 25, [10, 0, 0, 0]);
- ctx.roundRect(100, 0, -50, 25, [10, 0, 0, 0]);
- ctx.roundRect(0, 50, 50, -25, [10, 0, 0, 0]);
- ctx.roundRect(100, 50, -50, -25, [10, 0, 0, 0]);
- ctx.fill();
- // All rects drawn
- @assert pixel 25,12 == 0,255,0,255;
- @assert pixel 75,12 == 0,255,0,255;
- @assert pixel 25,37 == 0,255,0,255;
- @assert pixel 75,37 == 0,255,0,255;
- // Correct corners are rounded.
- @assert pixel 1,1 == 255,0,0,255;
- @assert pixel 98,1 == 255,0,0,255;
- @assert pixel 1,48 == 255,0,0,255;
- @assert pixel 98,48 == 255,0,0,255;
- t.done();
-
-- name: 2d.path.roundrect.winding
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.fillStyle = '#f00';
- ctx.roundRect(0, 0, 50, 50, [0]);
- ctx.roundRect(100, 50, -50, -50, [0]);
- ctx.roundRect(0, 25, 100, -25, [0]);
- ctx.roundRect(100, 25, -100, 25, [0]);
- ctx.fill();
- @assert pixel 25,12 == 0,255,0,255;
- @assert pixel 75,12 == 0,255,0,255;
- @assert pixel 25,37 == 0,255,0,255;
- @assert pixel 75,37 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.selfintersect
- code: |
- ctx.fillStyle = '#f00';
- ctx.roundRect(0, 0, 100, 50, [0]);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 90;
- ctx.beginPath();
- ctx.roundRect(45, 20, 10, 10, [0]);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.nonfinite
- desc: roundRect() with Infinity/NaN is ignored
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50)
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- @nonfinite ctx.roundRect(<0 Infinity -Infinity NaN>, <50 Infinity -Infinity NaN>, <1 Infinity -Infinity NaN>, <1 Infinity -Infinity NaN>, <[0] [Infinity] [-Infinity] [NaN] [Infinity,0] [-Infinity,0] [NaN,0] [0,Infinity] [0,-Infinity] [0,NaN] [Infinity,0,0] [-Infinity,0,0] [NaN,0,0] [0,Infinity,0] [0,-Infinity,0] [0,NaN,0] [0,0,Infinity] [0,0,-Infinity] [0,0,NaN] [Infinity,0,0,0] [-Infinity,0,0,0] [NaN,0,0,0] [0,Infinity,0,0] [0,-Infinity,0,0] [0,NaN,0,0] [0,0,Infinity,0] [0,0,-Infinity,0] [0,0,NaN,0] [0,0,0,Infinity] [0,0,0,-Infinity] [0,0,0,NaN]>);
- ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, Infinity)]);
- ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, -Infinity)]);
- ctx.roundRect(0, 0, 100, 100, [new DOMPoint(10, NaN)]);
- ctx.roundRect(0, 0, 100, 100, [new DOMPoint(Infinity, 10)]);
- ctx.roundRect(0, 0, 100, 100, [new DOMPoint(-Infinity, 10)]);
- ctx.roundRect(0, 0, 100, 100, [new DOMPoint(NaN, 10)]);
- ctx.roundRect(0, 0, 100, 100, [{x: 10, y: Infinity}]);
- ctx.roundRect(0, 0, 100, 100, [{x: 10, y: -Infinity}]);
- ctx.roundRect(0, 0, 100, 100, [{x: 10, y: NaN}]);
- ctx.roundRect(0, 0, 100, 100, [{x: Infinity, y: 10}]);
- ctx.roundRect(0, 0, 100, 100, [{x: -Infinity, y: 10}]);
- ctx.roundRect(0, 0, 100, 100, [{x: NaN, y: 10}]);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 90,45 == 0,255,0,255;
- t.done();
- expected: green
-
-- name: 2d.path.roundrect.4.radii.1.double
- desc: Verify that when four radii are given to roundRect(), the first radius, specified as a double, applies to the top-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [20, 0, 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 255,0,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.1.dompoint
- desc: Verify that when four radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-left corner
- @assert pixel 20,1 == 255,0,0,255;
- @assert pixel 41,1 == 0,255,0,255;
- @assert pixel 1,10 == 255,0,0,255;
- @assert pixel 1,21 == 0,255,0,255;
-
- // other corners
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.1.dompointinit
- desc: Verify that when four radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-left corner
- @assert pixel 20,1 == 255,0,0,255;
- @assert pixel 41,1 == 0,255,0,255;
- @assert pixel 1,10 == 255,0,0,255;
- @assert pixel 1,21 == 0,255,0,255;
-
- // other corners
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.2.double
- desc: Verify that when four radii are given to roundRect(), the second radius, specified as a double, applies to the top-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 20, 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 255,0,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.2.dompoint
- desc: Verify that when four radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-right corner
- @assert pixel 79,1 == 255,0,0,255;
- @assert pixel 58,1 == 0,255,0,255;
- @assert pixel 98,10 == 255,0,0,255;
- @assert pixel 98,21 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.2.dompointinit
- desc: Verify that when four radii are given to roundRect(), the second radius, specified as a DOMPointInit, applies to the top-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-right corner
- @assert pixel 79,1 == 255,0,0,255;
- @assert pixel 58,1 == 0,255,0,255;
- @assert pixel 98,10 == 255,0,0,255;
- @assert pixel 98,21 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.3.double
- desc: Verify that when four radii are given to roundRect(), the third radius, specified as a double, applies to the bottom-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, 20, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 255,0,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.3.dompoint
- desc: Verify that when four radii are given to roundRect(), the third radius, specified as a DOMPoint, applies to the bottom-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20), 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // bottom-right corner
- @assert pixel 79,48 == 255,0,0,255;
- @assert pixel 58,48 == 0,255,0,255;
- @assert pixel 98,39 == 255,0,0,255;
- @assert pixel 98,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.3.dompointinit
- desc: Verify that when four radii are given to roundRect(), the third radius, specified as a DOMPointInit, applies to the bottom-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // bottom-right corner
- @assert pixel 79,48 == 255,0,0,255;
- @assert pixel 58,48 == 0,255,0,255;
- @assert pixel 98,39 == 255,0,0,255;
- @assert pixel 98,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.4.double
- desc: Verify that when four radii are given to roundRect(), the fourth radius, specified as a double, applies to the bottom-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 20]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 255,0,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.4.dompoint
- desc: Verify that when four radii are given to roundRect(), the fourth radius, specified as a DOMPoint, applies to the bottom-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, 0, new DOMPoint(40, 20)]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // bottom-left corner
- @assert pixel 20,48 == 255,0,0,255;
- @assert pixel 41,48 == 0,255,0,255;
- @assert pixel 1,39 == 255,0,0,255;
- @assert pixel 1,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.4.radii.4.dompointinit
- desc: Verify that when four radii are given to roundRect(), the fourth radius, specified as a DOMPointInit, applies to the bottom-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, 0, {x: 40, y: 20}]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // bottom-left corner
- @assert pixel 20,48 == 255,0,0,255;
- @assert pixel 41,48 == 0,255,0,255;
- @assert pixel 1,39 == 255,0,0,255;
- @assert pixel 1,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.1.double
- desc: Verify that when three radii are given to roundRect(), the first radius, specified as a double, applies to the top-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [20, 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 255,0,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.1.dompoint
- desc: Verify that when three radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-left corner
- @assert pixel 20,1 == 255,0,0,255;
- @assert pixel 41,1 == 0,255,0,255;
- @assert pixel 1,10 == 255,0,0,255;
- @assert pixel 1,21 == 0,255,0,255;
-
- // other corners
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.1.dompointinit
- desc: Verify that when three radii are given to roundRect(), the first radius, specified as a DOMPointInit, applies to the top-left corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-left corner
- @assert pixel 20,1 == 255,0,0,255;
- @assert pixel 41,1 == 0,255,0,255;
- @assert pixel 1,10 == 255,0,0,255;
- @assert pixel 1,21 == 0,255,0,255;
-
- // other corners
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.2.double
- desc: Verify that when three radii are given to roundRect(), the second radius, specified as a double, applies to the top-right and bottom-left corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 20, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 255,0,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 255,0,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.2.dompoint
- desc: Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20), 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-right corner
- @assert pixel 79,1 == 255,0,0,255;
- @assert pixel 58,1 == 0,255,0,255;
- @assert pixel 98,10 == 255,0,0,255;
- @assert pixel 98,21 == 0,255,0,255;
-
- // bottom-left corner
- @assert pixel 20,48 == 255,0,0,255;
- @assert pixel 41,48 == 0,255,0,255;
- @assert pixel 1,39 == 255,0,0,255;
- @assert pixel 1,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.2.dompointinit
- desc: Verify that when three radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-right corner
- @assert pixel 79,1 == 255,0,0,255;
- @assert pixel 58,1 == 0,255,0,255;
- @assert pixel 98,10 == 255,0,0,255;
- @assert pixel 98,21 == 0,255,0,255;
-
- // bottom-left corner
- @assert pixel 20,48 == 255,0,0,255;
- @assert pixel 41,48 == 0,255,0,255;
- @assert pixel 1,39 == 255,0,0,255;
- @assert pixel 1,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.3.double
- desc: Verify that when three radii are given to roundRect(), the third radius, specified as a double, applies to the bottom-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, 20]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 255,0,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.3.dompoint
- desc: Verify that when three radii are given to roundRect(), the third radius, specified as a DOMPoint, applies to the bottom-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, new DOMPoint(40, 20)]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // bottom-right corner
- @assert pixel 79,48 == 255,0,0,255;
- @assert pixel 58,48 == 0,255,0,255;
- @assert pixel 98,39 == 255,0,0,255;
- @assert pixel 98,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.3.radii.3.dompointinit
- desc: Verify that when three radii are given to roundRect(), the third radius, specified as a DOMPointInit, applies to the bottom-right corner.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 0, {x: 40, y: 20}]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // bottom-right corner
- @assert pixel 79,48 == 255,0,0,255;
- @assert pixel 58,48 == 0,255,0,255;
- @assert pixel 98,39 == 255,0,0,255;
- @assert pixel 98,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.2.radii.1.double
- desc: Verify that when two radii are given to roundRect(), the first radius, specified as a double, applies to the top-left and bottom-right corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [20, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 255,0,0,255;
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 98,48 == 255,0,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.2.radii.1.dompoint
- desc: Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottom-right corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20), 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-left corner
- @assert pixel 20,1 == 255,0,0,255;
- @assert pixel 41,1 == 0,255,0,255;
- @assert pixel 1,10 == 255,0,0,255;
- @assert pixel 1,21 == 0,255,0,255;
-
- // bottom-right corner
- @assert pixel 79,48 == 255,0,0,255;
- @assert pixel 58,48 == 0,255,0,255;
- @assert pixel 98,39 == 255,0,0,255;
- @assert pixel 98,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.2.radii.1.dompointinit
- desc: Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-right corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}, 0]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-left corner
- @assert pixel 20,1 == 255,0,0,255;
- @assert pixel 41,1 == 0,255,0,255;
- @assert pixel 1,10 == 255,0,0,255;
- @assert pixel 1,21 == 0,255,0,255;
-
- // bottom-right corner
- @assert pixel 79,48 == 255,0,0,255;
- @assert pixel 58,48 == 0,255,0,255;
- @assert pixel 98,39 == 255,0,0,255;
- @assert pixel 98,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 98,1 == 0,255,0,255;
- @assert pixel 1,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.2.radii.2.double
- desc: Verify that when two radii are given to roundRect(), the second radius, specified as a double, applies to the top-right and bottom-left corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, 20]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,1 == 255,0,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- @assert pixel 1,48 == 255,0,0,255;
- t.done();
-
-- name: 2d.path.roundrect.2.radii.2.dompoint
- desc: Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottom-left corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, new DOMPoint(40, 20)]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-right corner
- @assert pixel 79,1 == 255,0,0,255;
- @assert pixel 58,1 == 0,255,0,255;
- @assert pixel 98,10 == 255,0,0,255;
- @assert pixel 98,21 == 0,255,0,255;
-
- // bottom-left corner
- @assert pixel 20,48 == 255,0,0,255;
- @assert pixel 41,48 == 0,255,0,255;
- @assert pixel 1,39 == 255,0,0,255;
- @assert pixel 1,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.2.radii.2.dompointinit
- desc: Verify that when two radii are given to roundRect(), the second radius, specified as a DOMPoint, applies to the top-right and bottomInit-left corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [0, {x: 40, y: 20}]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-right corner
- @assert pixel 79,1 == 255,0,0,255;
- @assert pixel 58,1 == 0,255,0,255;
- @assert pixel 98,10 == 255,0,0,255;
- @assert pixel 98,21 == 0,255,0,255;
-
- // bottom-left corner
- @assert pixel 20,48 == 255,0,0,255;
- @assert pixel 41,48 == 0,255,0,255;
- @assert pixel 1,39 == 255,0,0,255;
- @assert pixel 1,28 == 0,255,0,255;
-
- // other corners
- @assert pixel 1,1 == 0,255,0,255;
- @assert pixel 98,48 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.1.radius.double
- desc: Verify that when one radius is given to roundRect(), specified as a double, it applies to all corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [20]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 1,1 == 255,0,0,255;
- @assert pixel 98,1 == 255,0,0,255;
- @assert pixel 98,48 == 255,0,0,255;
- @assert pixel 1,48 == 255,0,0,255;
- t.done();
-
-- name: 2d.path.roundrect.1.radius.dompoint
- desc: Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottom-left corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [new DOMPoint(40, 20)]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-left corner
- @assert pixel 20,1 == 255,0,0,255;
- @assert pixel 41,1 == 0,255,0,255;
- @assert pixel 1,10 == 255,0,0,255;
- @assert pixel 1,21 == 0,255,0,255;
-
- // top-right corner
- @assert pixel 79,1 == 255,0,0,255;
- @assert pixel 58,1 == 0,255,0,255;
- @assert pixel 98,10 == 255,0,0,255;
- @assert pixel 98,21 == 0,255,0,255;
-
- // bottom-right corner
- @assert pixel 79,48 == 255,0,0,255;
- @assert pixel 58,48 == 0,255,0,255;
- @assert pixel 98,39 == 255,0,0,255;
- @assert pixel 98,28 == 0,255,0,255;
-
- // bottom-left corner
- @assert pixel 20,48 == 255,0,0,255;
- @assert pixel 41,48 == 0,255,0,255;
- @assert pixel 1,39 == 255,0,0,255;
- @assert pixel 1,28 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.1.radius.dompointinit
- desc: Verify that when two radii are given to roundRect(), the first radius, specified as a DOMPoint, applies to the top-left and bottomInit-left corners.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [{x: 40, y: 20}]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
-
- // top-left corner
- @assert pixel 20,1 == 255,0,0,255;
- @assert pixel 41,1 == 0,255,0,255;
- @assert pixel 1,10 == 255,0,0,255;
- @assert pixel 1,21 == 0,255,0,255;
-
- // top-right corner
- @assert pixel 79,1 == 255,0,0,255;
- @assert pixel 58,1 == 0,255,0,255;
- @assert pixel 98,10 == 255,0,0,255;
- @assert pixel 98,21 == 0,255,0,255;
-
- // bottom-right corner
- @assert pixel 79,48 == 255,0,0,255;
- @assert pixel 58,48 == 0,255,0,255;
- @assert pixel 98,39 == 255,0,0,255;
- @assert pixel 98,28 == 0,255,0,255;
-
- // bottom-left corner
- @assert pixel 20,48 == 255,0,0,255;
- @assert pixel 41,48 == 0,255,0,255;
- @assert pixel 1,39 == 255,0,0,255;
- @assert pixel 1,28 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.roundrect.radius.intersecting.1
- desc: Check that roundRects with intersecting corner arcs are rendered correctly.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [40, 40, 40, 40]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 2,25 == 0,255,0,255;
- @assert pixel 50,1 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 50,48 == 0,255,0,255;
- @assert pixel 97,25 == 0,255,0,255;
- @assert pixel 1,1 == 255,0,0,255;
- @assert pixel 98,1 == 255,0,0,255;
- @assert pixel 1,48 == 255,0,0,255;
- @assert pixel 98,48 == 255,0,0,255;
- t.done();
-
-- name: 2d.path.roundrect.radius.intersecting.2
- desc: Check that roundRects with intersecting corner arcs are rendered correctly.
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.roundRect(0, 0, 100, 50, [1000, 1000, 1000, 1000]);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 2,25 == 0,255,0,255;
- @assert pixel 50,1 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 50,48 == 0,255,0,255;
- @assert pixel 97,25 == 0,255,0,255;
- @assert pixel 1,1 == 255,0,0,255;
- @assert pixel 98,1 == 255,0,0,255;
- @assert pixel 1,48 == 255,0,0,255;
- @assert pixel 98,48 == 255,0,0,255;
- t.done();
-
-- name: 2d.path.roundrect.radius.none
- desc: Check that roundRect throws an RangeError if radii is an empty array.
- code: |
- assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [])});
- t.done();
-
-- name: 2d.path.roundrect.radius.toomany
- desc: Check that roundRect throws an IndeSizeError if radii has more than four items.
- code: |
- assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 100, 50, [0, 0, 0, 0, 0])});
- t.done();
-
-- name: 2d.path.roundrect.radius.negative
- desc: roundRect() with negative radius throws an exception
- code: |
- assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [-1])});
- assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [1, -1])});
- assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(-1, 1), 1])});
- assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [new DOMPoint(1, -1)])});
- assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: -1, y: 1}, 1])});
- assert_throws_js(RangeError, () => { ctx.roundRect(0, 0, 0, 0, [{x: 1, y: -1}])});
- t.done();
-
-- name: 2d.path.fill.overlap
- code: |
- ctx.fillStyle = '#000';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
- ctx.rect(0, 0, 100, 50);
- ctx.closePath();
- ctx.rect(10, 10, 80, 30);
- ctx.fill();
- @assert pixel 50,25 ==~ 0,127,0,255 +/- 1;
- t.done();
-
-- name: 2d.path.fill.winding.add
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.moveTo(-10, -10);
- ctx.lineTo(110, -10);
- ctx.lineTo(110, 60);
- ctx.lineTo(-10, 60);
- ctx.lineTo(-10, -10);
- ctx.lineTo(0, 0);
- ctx.lineTo(100, 0);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.fill.winding.subtract.1
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.moveTo(-10, -10);
- ctx.lineTo(110, -10);
- ctx.lineTo(110, 60);
- ctx.lineTo(-10, 60);
- ctx.lineTo(-10, -10);
- ctx.lineTo(0, 0);
- ctx.lineTo(0, 50);
- ctx.lineTo(100, 50);
- ctx.lineTo(100, 0);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.fill.winding.subtract.2
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.moveTo(-10, -10);
- ctx.lineTo(110, -10);
- ctx.lineTo(110, 60);
- ctx.lineTo(-10, 60);
- ctx.moveTo(0, 0);
- ctx.lineTo(0, 50);
- ctx.lineTo(100, 50);
- ctx.lineTo(100, 0);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.fill.winding.subtract.3
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.moveTo(-10, -10);
- ctx.lineTo(110, -10);
- ctx.lineTo(110, 60);
- ctx.lineTo(-10, 60);
- ctx.lineTo(-10, -10);
- ctx.lineTo(-20, -20);
- ctx.lineTo(120, -20);
- ctx.lineTo(120, 70);
- ctx.lineTo(-20, 70);
- ctx.lineTo(-20, -20);
- ctx.lineTo(0, 0);
- ctx.lineTo(0, 50);
- ctx.lineTo(100, 50);
- ctx.lineTo(100, 0);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.fill.closed.basic
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- ctx.lineTo(100, 50);
- ctx.lineTo(0, 50);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.fill.closed.unaffected
- code: |
- ctx.fillStyle = '#00f';
- ctx.fillRect(0, 0, 100, 50);
- ctx.moveTo(0, 0);
- ctx.lineTo(100, 0);
- ctx.lineTo(100, 50);
- ctx.fillStyle = '#f00';
- ctx.fill();
- ctx.lineTo(0, 50);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 90,10 == 0,255,0,255;
- @assert pixel 10,40 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.stroke.overlap
- desc: Stroked subpaths are combined before being drawn
- code: |
- ctx.fillStyle = '#000';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = 'rgba(0, 255, 0, 0.5)';
- ctx.lineWidth = 50;
- ctx.moveTo(0, 20);
- ctx.lineTo(100, 20);
- ctx.moveTo(0, 30);
- ctx.lineTo(100, 30);
- ctx.stroke();
- @assert pixel 50,25 ==~ 0,127,0,255 +/- 1;
- t.done();
-
-- name: 2d.path.stroke.union
- desc: Strokes in opposite directions are unioned, not subtracted
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#0f0';
- ctx.lineWidth = 40;
- ctx.moveTo(0, 10);
- ctx.lineTo(100, 10);
- ctx.moveTo(100, 40);
- ctx.lineTo(0, 40);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.stroke.unaffected
- desc: Stroking does not start a new path or subpath
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.lineWidth = 50;
- ctx.moveTo(-100, 25);
- ctx.lineTo(-100, -100);
- ctx.lineTo(200, -100);
- ctx.lineTo(200, 25);
- ctx.strokeStyle = '#f00';
- ctx.stroke();
- ctx.closePath();
- ctx.strokeStyle = '#0f0';
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.stroke.scale1
- desc: Stroke line widths are scaled by the current transformation matrix
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.rect(25, 12.5, 50, 25);
- ctx.save();
- ctx.scale(50, 25);
- ctx.strokeStyle = '#0f0';
- ctx.stroke();
- ctx.restore();
- ctx.beginPath();
- ctx.rect(-25, -12.5, 150, 75);
- ctx.save();
- ctx.scale(50, 25);
- ctx.strokeStyle = '#f00';
- ctx.stroke();
- ctx.restore();
- @assert pixel 0,0 == 0,255,0,255;
- @assert pixel 50,0 == 0,255,0,255;
- @assert pixel 99,0 == 0,255,0,255;
- @assert pixel 0,25 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 99,25 == 0,255,0,255;
- @assert pixel 0,49 == 0,255,0,255;
- @assert pixel 50,49 == 0,255,0,255;
- @assert pixel 99,49 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.stroke.scale2
- desc: Stroke line widths are scaled by the current transformation matrix
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.rect(25, 12.5, 50, 25);
- ctx.save();
- ctx.rotate(Math.PI/2);
- ctx.scale(25, 50);
- ctx.strokeStyle = '#0f0';
- ctx.stroke();
- ctx.restore();
- ctx.beginPath();
- ctx.rect(-25, -12.5, 150, 75);
- ctx.save();
- ctx.rotate(Math.PI/2);
- ctx.scale(25, 50);
- ctx.strokeStyle = '#f00';
- ctx.stroke();
- ctx.restore();
- @assert pixel 0,0 == 0,255,0,255;
- @assert pixel 50,0 == 0,255,0,255;
- @assert pixel 99,0 == 0,255,0,255;
- @assert pixel 0,25 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 99,25 == 0,255,0,255;
- @assert pixel 0,49 == 0,255,0,255;
- @assert pixel 50,49 == 0,255,0,255;
- @assert pixel 99,49 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.stroke.skew
- desc: Strokes lines are skewed by the current transformation matrix
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.save();
- ctx.beginPath();
- ctx.moveTo(49, -50);
- ctx.lineTo(201, -50);
- ctx.rotate(Math.PI/4);
- ctx.scale(1, 283);
- ctx.strokeStyle = '#0f0';
- ctx.stroke();
- ctx.restore();
- ctx.save();
- ctx.beginPath();
- ctx.translate(-150, 0);
- ctx.moveTo(49, -50);
- ctx.lineTo(199, -50);
- ctx.rotate(Math.PI/4);
- ctx.scale(1, 142);
- ctx.strokeStyle = '#f00';
- ctx.stroke();
- ctx.restore();
- ctx.save();
- ctx.beginPath();
- ctx.translate(-150, 0);
- ctx.moveTo(49, -50);
- ctx.lineTo(199, -50);
- ctx.rotate(Math.PI/4);
- ctx.scale(1, 142);
- ctx.strokeStyle = '#f00';
- ctx.stroke();
- ctx.restore();
- @assert pixel 0,0 == 0,255,0,255;
- @assert pixel 50,0 == 0,255,0,255;
- @assert pixel 99,0 == 0,255,0,255;
- @assert pixel 0,25 == 0,255,0,255;
- @assert pixel 50,25 == 0,255,0,255;
- @assert pixel 99,25 == 0,255,0,255;
- @assert pixel 0,49 == 0,255,0,255;
- @assert pixel 50,49 == 0,255,0,255;
- @assert pixel 99,49 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.stroke.empty
- desc: Empty subpaths are not stroked
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.lineCap = 'round';
- ctx.lineJoin = 'round';
- ctx.beginPath();
- ctx.moveTo(40, 25);
- ctx.moveTo(60, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.stroke.prune.line
- desc: Zero-length line segments from lineTo are removed before stroking
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.lineCap = 'round';
- ctx.lineJoin = 'round';
- ctx.beginPath();
- ctx.moveTo(50, 25);
- ctx.lineTo(50, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.stroke.prune.closed
- desc: Zero-length line segments from closed paths are removed before stroking
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.lineCap = 'round';
- ctx.lineJoin = 'round';
- ctx.beginPath();
- ctx.moveTo(50, 25);
- ctx.lineTo(50, 25);
- ctx.closePath();
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.stroke.prune.curve
- desc: Zero-length line segments from quadraticCurveTo and bezierCurveTo are removed
- before stroking
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.lineCap = 'round';
- ctx.lineJoin = 'round';
- ctx.beginPath();
- ctx.moveTo(50, 25);
- ctx.quadraticCurveTo(50, 25, 50, 25);
- ctx.stroke();
- ctx.beginPath();
- ctx.moveTo(50, 25);
- ctx.bezierCurveTo(50, 25, 50, 25, 50, 25);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.stroke.prune.arc
- desc: Zero-length line segments from arcTo and arc are removed before stroking
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.lineCap = 'round';
- ctx.lineJoin = 'round';
- ctx.beginPath();
- ctx.moveTo(50, 25);
- ctx.arcTo(50, 25, 150, 25, 10);
- ctx.stroke();
- ctx.beginPath();
- ctx.moveTo(60, 25);
- ctx.arc(50, 25, 10, 0, 0, false);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.stroke.prune.rect
- desc: Zero-length line segments from rect and strokeRect are removed before stroking
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 100;
- ctx.lineCap = 'round';
- ctx.lineJoin = 'round';
- ctx.beginPath();
- ctx.rect(50, 25, 0, 0);
- ctx.stroke();
- ctx.strokeRect(50, 25, 0, 0);
- @assert pixel 50,25 == 0,255,0,255; @moz-todo
- t.done();
-
-- name: 2d.path.stroke.prune.corner
- desc: Zero-length line segments are removed before stroking with miters
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 400;
- ctx.lineJoin = 'miter';
- ctx.miterLimit = 1.4;
- ctx.beginPath();
- ctx.moveTo(-1000, 200);
- ctx.lineTo(-100, 200);
- ctx.lineTo(-100, 200);
- ctx.lineTo(-100, 200);
- ctx.lineTo(-100, 1000);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.transformation.basic
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.translate(-100, 0);
- ctx.rect(100, 0, 100, 50);
- ctx.translate(0, -100);
- ctx.fillStyle = '#0f0';
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.transformation.multiple
- desc: Transformations are applied while building paths, not when drawing
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#f00';
- ctx.translate(-100, 0);
- ctx.rect(0, 0, 100, 50);
- ctx.fill();
- ctx.translate(100, 0);
- ctx.fill();
- ctx.beginPath();
- ctx.strokeStyle = '#f00';
- ctx.lineWidth = 50;
- ctx.translate(0, -50);
- ctx.moveTo(0, 25);
- ctx.lineTo(100, 25);
- ctx.stroke();
- ctx.translate(0, 50);
- ctx.stroke();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.transformation.changing
- desc: Transformations are applied while building paths, not when drawing
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.moveTo(0, 0);
- ctx.translate(100, 0);
- ctx.lineTo(0, 0);
- ctx.translate(0, 50);
- ctx.lineTo(0, 0);
- ctx.translate(-100, 0);
- ctx.lineTo(0, 0);
- ctx.translate(1000, 1000);
- ctx.rotate(Math.PI/2);
- ctx.scale(0.1, 0.1);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.clip.empty
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.clip();
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.clip.basic.1
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.rect(0, 0, 100, 50);
- ctx.clip();
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.clip.basic.2
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.rect(-100, 0, 100, 50);
- ctx.clip();
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.clip.intersect
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.rect(0, 0, 50, 50);
- ctx.clip();
- ctx.beginPath();
- ctx.rect(50, 0, 50, 50)
- ctx.clip();
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.clip.winding.1
- code: |
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.moveTo(-10, -10);
- ctx.lineTo(110, -10);
- ctx.lineTo(110, 60);
- ctx.lineTo(-10, 60);
- ctx.lineTo(-10, -10);
- ctx.lineTo(0, 0);
- ctx.lineTo(0, 50);
- ctx.lineTo(100, 50);
- ctx.lineTo(100, 0);
- ctx.clip();
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.clip.winding.2
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.beginPath();
- ctx.moveTo(-10, -10);
- ctx.lineTo(110, -10);
- ctx.lineTo(110, 60);
- ctx.lineTo(-10, 60);
- ctx.lineTo(-10, -10);
- ctx.clip();
- ctx.beginPath();
- ctx.moveTo(0, 0);
- ctx.lineTo(0, 50);
- ctx.lineTo(100, 50);
- ctx.lineTo(100, 0);
- ctx.lineTo(0, 0);
- ctx.clip();
- ctx.fillStyle = '#0f0';
- ctx.fillRect(0, 0, 100, 50);
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.clip.unaffected
- code: |
- ctx.fillStyle = '#f00';
- ctx.fillRect(0, 0, 100, 50);
- ctx.fillStyle = '#0f0';
- ctx.beginPath();
- ctx.moveTo(0, 0);
- ctx.lineTo(0, 50);
- ctx.lineTo(100, 50);
- ctx.lineTo(100, 0);
- ctx.clip();
- ctx.lineTo(0, 0);
- ctx.fill();
- @assert pixel 50,25 == 0,255,0,255;
- t.done();
-
-- name: 2d.path.isPointInPath.basic.1
- desc: isPointInPath() detects whether the point is inside the path
- code: |
- ctx.rect(0, 0, 20, 20);
- @assert ctx.isPointInPath(10, 10) === true;
- @assert ctx.isPointInPath(30, 10) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.basic.2
- desc: isPointInPath() detects whether the point is inside the path
- code: |
- ctx.rect(20, 0, 20, 20);
- @assert ctx.isPointInPath(10, 10) === false;
- @assert ctx.isPointInPath(30, 10) === true;
- t.done();
-
-- name: 2d.path.isPointInPath.edge
- desc: isPointInPath() counts points on the path as being inside
- code: |
- ctx.rect(0, 0, 20, 20);
- @assert ctx.isPointInPath(0, 0) === true;
- @assert ctx.isPointInPath(10, 0) === true;
- @assert ctx.isPointInPath(20, 0) === true;
- @assert ctx.isPointInPath(20, 10) === true;
- @assert ctx.isPointInPath(20, 20) === true;
- @assert ctx.isPointInPath(10, 20) === true;
- @assert ctx.isPointInPath(0, 20) === true;
- @assert ctx.isPointInPath(0, 10) === true;
- @assert ctx.isPointInPath(10, -0.01) === false;
- @assert ctx.isPointInPath(10, 20.01) === false;
- @assert ctx.isPointInPath(-0.01, 10) === false;
- @assert ctx.isPointInPath(20.01, 10) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.empty
- desc: isPointInPath() works when there is no path
- code: |
- @assert ctx.isPointInPath(0, 0) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.subpath
- desc: isPointInPath() uses the current path, not just the subpath
- code: |
- ctx.rect(0, 0, 20, 20);
- ctx.beginPath();
- ctx.rect(20, 0, 20, 20);
- ctx.closePath();
- ctx.rect(40, 0, 20, 20);
- @assert ctx.isPointInPath(10, 10) === false;
- @assert ctx.isPointInPath(30, 10) === true;
- @assert ctx.isPointInPath(50, 10) === true;
- t.done();
-
-- name: 2d.path.isPointInPath.outside
- desc: isPointInPath() works on paths outside the canvas
- code: |
- ctx.rect(0, -100, 20, 20);
- ctx.rect(20, -10, 20, 20);
- @assert ctx.isPointInPath(10, -110) === false;
- @assert ctx.isPointInPath(10, -90) === true;
- @assert ctx.isPointInPath(10, -70) === false;
- @assert ctx.isPointInPath(30, -20) === false;
- @assert ctx.isPointInPath(30, 0) === true;
- @assert ctx.isPointInPath(30, 20) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.unclosed
- desc: isPointInPath() works on unclosed subpaths
- code: |
- ctx.moveTo(0, 0);
- ctx.lineTo(20, 0);
- ctx.lineTo(20, 20);
- ctx.lineTo(0, 20);
- @assert ctx.isPointInPath(10, 10) === true;
- @assert ctx.isPointInPath(30, 10) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.arc
- desc: isPointInPath() works on arcs
- code: |
- ctx.arc(50, 25, 10, 0, Math.PI, false);
- @assert ctx.isPointInPath(50, 10) === false;
- @assert ctx.isPointInPath(50, 20) === false;
- @assert ctx.isPointInPath(50, 30) === true;
- @assert ctx.isPointInPath(50, 40) === false;
- @assert ctx.isPointInPath(30, 20) === false;
- @assert ctx.isPointInPath(70, 20) === false;
- @assert ctx.isPointInPath(30, 30) === false;
- @assert ctx.isPointInPath(70, 30) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.bigarc
- desc: isPointInPath() works on unclosed arcs larger than 2pi
- opera: {bug: 320937}
- code: |
- ctx.arc(50, 25, 10, 0, 7, false);
- @assert ctx.isPointInPath(50, 10) === false;
- @assert ctx.isPointInPath(50, 20) === true;
- @assert ctx.isPointInPath(50, 30) === true;
- @assert ctx.isPointInPath(50, 40) === false;
- @assert ctx.isPointInPath(30, 20) === false;
- @assert ctx.isPointInPath(70, 20) === false;
- @assert ctx.isPointInPath(30, 30) === false;
- @assert ctx.isPointInPath(70, 30) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.bezier
- desc: isPointInPath() works on Bezier curves
- code: |
- ctx.moveTo(25, 25);
- ctx.bezierCurveTo(50, -50, 50, 100, 75, 25);
- @assert ctx.isPointInPath(25, 20) === false;
- @assert ctx.isPointInPath(25, 30) === false;
- @assert ctx.isPointInPath(30, 20) === true;
- @assert ctx.isPointInPath(30, 30) === false;
- @assert ctx.isPointInPath(40, 2) === false;
- @assert ctx.isPointInPath(40, 20) === true;
- @assert ctx.isPointInPath(40, 30) === false;
- @assert ctx.isPointInPath(40, 47) === false;
- @assert ctx.isPointInPath(45, 20) === true;
- @assert ctx.isPointInPath(45, 30) === false;
- @assert ctx.isPointInPath(55, 20) === false;
- @assert ctx.isPointInPath(55, 30) === true;
- @assert ctx.isPointInPath(60, 2) === false;
- @assert ctx.isPointInPath(60, 20) === false;
- @assert ctx.isPointInPath(60, 30) === true;
- @assert ctx.isPointInPath(60, 47) === false;
- @assert ctx.isPointInPath(70, 20) === false;
- @assert ctx.isPointInPath(70, 30) === true;
- @assert ctx.isPointInPath(75, 20) === false;
- @assert ctx.isPointInPath(75, 30) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.winding
- desc: isPointInPath() uses the non-zero winding number rule
- code: |
- // Create a square ring, using opposite windings to make a hole in the centre
- ctx.moveTo(0, 0);
- ctx.lineTo(50, 0);
- ctx.lineTo(50, 50);
- ctx.lineTo(0, 50);
- ctx.lineTo(0, 0);
- ctx.lineTo(10, 10);
- ctx.lineTo(10, 40);
- ctx.lineTo(40, 40);
- ctx.lineTo(40, 10);
- ctx.lineTo(10, 10);
- @assert ctx.isPointInPath(5, 5) === true;
- @assert ctx.isPointInPath(25, 5) === true;
- @assert ctx.isPointInPath(45, 5) === true;
- @assert ctx.isPointInPath(5, 25) === true;
- @assert ctx.isPointInPath(25, 25) === false;
- @assert ctx.isPointInPath(45, 25) === true;
- @assert ctx.isPointInPath(5, 45) === true;
- @assert ctx.isPointInPath(25, 45) === true;
- @assert ctx.isPointInPath(45, 45) === true;
- t.done();
-
-- name: 2d.path.isPointInPath.transform.1
- desc: isPointInPath() handles transformations correctly
- code: |
- ctx.translate(50, 0);
- ctx.rect(0, 0, 20, 20);
- @assert ctx.isPointInPath(-40, 10) === false;
- @assert ctx.isPointInPath(10, 10) === false;
- @assert ctx.isPointInPath(49, 10) === false;
- @assert ctx.isPointInPath(51, 10) === true;
- @assert ctx.isPointInPath(69, 10) === true;
- @assert ctx.isPointInPath(71, 10) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.transform.2
- desc: isPointInPath() handles transformations correctly
- code: |
- ctx.rect(50, 0, 20, 20);
- ctx.translate(50, 0);
- @assert ctx.isPointInPath(-40, 10) === false;
- @assert ctx.isPointInPath(10, 10) === false;
- @assert ctx.isPointInPath(49, 10) === false;
- @assert ctx.isPointInPath(51, 10) === true;
- @assert ctx.isPointInPath(69, 10) === true;
- @assert ctx.isPointInPath(71, 10) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.transform.3
- desc: isPointInPath() handles transformations correctly
- code: |
- ctx.scale(-1, 1);
- ctx.rect(-70, 0, 20, 20);
- @assert ctx.isPointInPath(-40, 10) === false;
- @assert ctx.isPointInPath(10, 10) === false;
- @assert ctx.isPointInPath(49, 10) === false;
- @assert ctx.isPointInPath(51, 10) === true;
- @assert ctx.isPointInPath(69, 10) === true;
- @assert ctx.isPointInPath(71, 10) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.transform.4
- desc: isPointInPath() handles transformations correctly
- code: |
- ctx.translate(50, 0);
- ctx.rect(50, 0, 20, 20);
- ctx.translate(0, 50);
- @assert ctx.isPointInPath(60, 10) === false;
- @assert ctx.isPointInPath(110, 10) === true;
- @assert ctx.isPointInPath(110, 60) === false;
- t.done();
-
-- name: 2d.path.isPointInPath.nonfinite
- desc: isPointInPath() returns false for non-finite arguments
- code: |
- ctx.rect(-100, -50, 200, 100);
- @assert ctx.isPointInPath(Infinity, 0) === false;
- @assert ctx.isPointInPath(-Infinity, 0) === false;
- @assert ctx.isPointInPath(NaN, 0) === false;
- @assert ctx.isPointInPath(0, Infinity) === false;
- @assert ctx.isPointInPath(0, -Infinity) === false;
- @assert ctx.isPointInPath(0, NaN) === false;
- @assert ctx.isPointInPath(NaN, NaN) === false;
- t.done();
-
-- name: 2d.path.isPointInStroke.basic
- desc: detects whether point is in the area contained by the stroke of the path
- code: |
- ctx.strokeStyle = '#0f0';
- ctx.beginPath();
- ctx.rect(0, 0, 20, 20);
- @assert ctx.isPointInStroke(0, 0) === true;
- @assert ctx.isPointInStroke(30, 10) === false;
-
- var path = new Path2D();
- path.rect(20, 20, 100, 100);
- @assert ctx.isPointInStroke(path, 20, 20) === true;
- @assert ctx.isPointInStroke(path, 120, 20) === true;
- t.done();
