2 <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. -->
3 <title>Canvas test:
2d.path.roundrect
.3.radii
.2.dompointinit
</title>
4 <script src=
"/resources/testharness.js"></script>
5 <script src=
"/resources/testharnessreport.js"></script>
6 <script src=
"/html/canvas/resources/canvas-tests.js"></script>
7 <link rel=
"stylesheet" href=
"/html/canvas/resources/canvas-tests.css">
8 <body class=
"show_output">
10 <h1>2d.path.roundrect
.3.radii
.2.dompointinit
</h1>
11 <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>
14 <p class=
"output">Actual output:
</p>
15 <canvas id=
"c" class=
"output" width=
"100" height=
"50"><p class=
"fallback">FAIL (fallback content)
</p></canvas>
19 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.");
20 _addTest(function(canvas
, ctx
) {
22 ctx
.fillStyle
= '#f00';
23 ctx
.fillRect(0, 0, 100, 50);
24 ctx
.roundRect(0, 0, 100, 50, [0, {x
: 40, y
: 20}, 0]);
25 ctx
.fillStyle
= '#0f0';
29 _assertPixel(canvas
, 79,1, 255,0,0,255);
30 _assertPixel(canvas
, 58,1, 0,255,0,255);
31 _assertPixel(canvas
, 98,10, 255,0,0,255);
32 _assertPixel(canvas
, 98,21, 0,255,0,255);
35 _assertPixel(canvas
, 20,48, 255,0,0,255);
36 _assertPixel(canvas
, 41,48, 0,255,0,255);
37 _assertPixel(canvas
, 1,39, 255,0,0,255);
38 _assertPixel(canvas
, 1,28, 0,255,0,255);
41 _assertPixel(canvas
, 1,1, 0,255,0,255);
42 _assertPixel(canvas
, 98,48, 0,255,0,255);