32546db149
git-svn-id: http://skia.googlecode.com/svn/trunk@5376 2bbb7eff-a529-9590-31e7-b0007b416f81
1804 lines
44 KiB
HTML
1804 lines
44 KiB
HTML
<!-- path visualizer -->
|
|
<html>
|
|
<head>
|
|
<div style="height:0">
|
|
|
|
<div id="testSimplifyQuadratic1">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(1, 0, 1, 1);
|
|
path.close();
|
|
path.moveTo(1, 0);
|
|
path.quadTo(0, 0, 0, 1);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic2">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(20, 0, 20, 20);
|
|
path.close();
|
|
path.moveTo(20, 0);
|
|
path.quadTo(0, 0, 0, 20);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic3">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(20, 0, 20, 20);
|
|
path.close();
|
|
path.moveTo(0, 20);
|
|
path.quadTo(0, 0, 20, 0);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic4">
|
|
SkPath path, out;
|
|
path.moveTo(0, 20);
|
|
path.quadTo(20, 0, 40, 20);
|
|
path.close();
|
|
path.moveTo(40, 10);
|
|
path.quadTo(20, 30, 0, 10);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic5">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(0, 0, 0, 1);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic6">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(1, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 0, 1);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic7">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(0, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 0, 2);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic8">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 0, 2);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic9">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(1, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 2, 2);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic10">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 1);
|
|
path.quadTo(1, 1, 1, 2);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic11">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(0, 2);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(2, 1);
|
|
path.quadTo(2, 2, 3, 3);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic12">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 2);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(3, 0);
|
|
path.quadTo(1, 1, 0, 2);
|
|
path.lineTo(3, 0);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic13">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(1, 1);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.quadTo(3, 0, 1, 1);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic14">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(1, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(0, 1, 2, 1);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic15">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 3);
|
|
path.lineTo(3, 3);
|
|
path.close();
|
|
path.moveTo(0, 1);
|
|
path.lineTo(1, 1);
|
|
path.quadTo(0, 3, 3, 3);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic16">
|
|
SkPath path, out;
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(0, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 0, 1);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic17">
|
|
SkPath path, out;
|
|
path.moveTo(8, 8);
|
|
path.quadTo(10, 10, 8, -10);
|
|
path.close();
|
|
path.moveTo(8, 8);
|
|
path.quadTo(12, 12, 14, 4);
|
|
path.close();
|
|
path.moveTo(8, 8);
|
|
path.quadTo(9, 9, 10, 8);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
}
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic18">
|
|
SkPath path, out;
|
|
path.moveTo(8.0000000000000071, 8.0000000000000071);
|
|
path.quadTo(8.7289570079366854, 8.7289570079366889, 9.3914917259458743, 9.0593802763083691);
|
|
path.close();
|
|
path.moveTo(8.0000000000000142, 8.0000000000000142);
|
|
path.quadTo(8.1250000000000107, 8.1250000000000071, 8.2500000000000071, 8.2187500000000053);
|
|
path.close();
|
|
testSimplify(path, true, out, bitmap);
|
|
drawAsciiPaths(path, out, true);
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic19">
|
|
SkPath path, simple;
|
|
path.moveTo(0,4);
|
|
path.lineTo(6,4);
|
|
path.lineTo(3,1);
|
|
path.close();
|
|
path.moveTo(2,3);
|
|
path.lineTo(3,2);
|
|
path.lineTo(4,3);
|
|
path.close();
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic20">
|
|
SkPath path, simple;
|
|
path.moveTo(0,4);
|
|
path.lineTo(6,4);
|
|
path.lineTo(3,1);
|
|
path.close();
|
|
path.moveTo(2,3);
|
|
path.lineTo(4,3);
|
|
path.lineTo(3,2);
|
|
path.close();
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testSimplifyQuadratic21">
|
|
SkPath path, simple;
|
|
path.moveTo(0,4);
|
|
path.lineTo(8,4);
|
|
path.lineTo(4,0);
|
|
path.close();
|
|
path.moveTo(2,2);
|
|
path.lineTo(3,3);
|
|
path.lineTo(4,2);
|
|
path.close();
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testLine6">
|
|
SkPath path, simple;
|
|
path.moveTo(0,0);
|
|
path.lineTo(4,0);
|
|
path.lineTo(2,2);
|
|
path.close();
|
|
path.moveTo(2,0);
|
|
path.lineTo(6,0);
|
|
path.lineTo(4,2);
|
|
path.close();
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testLine7">
|
|
SkPath path, simple;
|
|
path.moveTo(0,0);
|
|
path.lineTo(4,0);
|
|
path.lineTo(2,2);
|
|
path.close();
|
|
path.moveTo(6,0);
|
|
path.lineTo(2,0);
|
|
path.lineTo(4,2);
|
|
path.close();
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testLine7b">
|
|
path.moveTo(0,0);
|
|
path.lineTo(4,0);
|
|
path.close();
|
|
path.moveTo(6,0);
|
|
path.lineTo(2,0);
|
|
path.lineTo(4,2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testLine9">
|
|
SkPath path, simple;
|
|
path.moveTo(0,4);
|
|
path.lineTo(4,4);
|
|
path.lineTo(2,2);
|
|
path.close();
|
|
path.moveTo(6,4);
|
|
path.lineTo(2,4);
|
|
path.lineTo(4,2);
|
|
path.close();
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testLine12">
|
|
path.moveTo(0,4);
|
|
path.lineTo(6,4);
|
|
path.lineTo(3,1);
|
|
path.close();
|
|
path.moveTo(2,3);
|
|
path.lineTo(3,2);
|
|
path.lineTo(4,3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testLine13">
|
|
path.moveTo(6,4);
|
|
path.lineTo(0,4);
|
|
path.lineTo(3,1);
|
|
path.close();
|
|
path.moveTo(3,2);
|
|
path.lineTo(2,3);
|
|
path.lineTo(4,3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testLine17">
|
|
SkPath path, simple;
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testLine19">
|
|
SkPath path, simple;
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(12, 16, 21, 21, (SkPath::Direction) 0);
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testLine22">
|
|
path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine24">
|
|
path.addRect(0, 18, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine28">
|
|
SkPath path, simple;
|
|
path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testLine29">
|
|
SkPath path, simple;
|
|
path.addRect(0, 18, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(12, 12, 21, 21, (SkPath::Direction) 0);
|
|
testSimplifyx(path);
|
|
</div>
|
|
|
|
<div id="testLine30">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 4, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine31">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(0, 4, 9, 9, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine32">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine33">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine34">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine35">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(6, 0, 18, 18, (SkPath::Direction) 0);
|
|
path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine36">
|
|
path.addRect(0, 10, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(6, 12, 18, 18, (SkPath::Direction) 0);
|
|
path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine37">
|
|
path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(18, 24, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine38">
|
|
path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(6, 12, 18, 18, (SkPath::Direction) 0);
|
|
path.addRect(12, 12, 21, 21, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine39">
|
|
path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(12, 6, 24, 24, (SkPath::Direction) 0);
|
|
path.addRect(12, 4, 21, 21, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine40">
|
|
path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(12, 18, 24, 24, (SkPath::Direction) 0);
|
|
path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine41">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(18, 24, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(12, 0, 21, 21, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine42">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(8, 16, 17, 17, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine43">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(6, 24, 18, 18, (SkPath::Direction) 0);
|
|
path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine44">
|
|
path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(18, 0, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(18, 32, 27, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine45">
|
|
path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(18, 0, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(24, 32, 33, 36, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine46">
|
|
path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(24, 0, 36, 36, (SkPath::Direction) 0);
|
|
path.addRect(24, 32, 33, 36, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine47">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine48">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine49">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine50">
|
|
path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(24, 20, 36, 30, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine51">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine52">
|
|
path.addRect(0, 30, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(6, 20, 18, 30, (SkPath::Direction) 0);
|
|
path.addRect(32, 0, 36, 41, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine53">
|
|
path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(12, 20, 24, 30, (SkPath::Direction) 0);
|
|
path.addRect(12, 32, 21, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine54">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(6, 0, 18, 18, (SkPath::Direction) 0);
|
|
path.addRect(8, 4, 17, 17, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine55">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(6, 6, 18, 18, (SkPath::Direction) 0);
|
|
path.addRect(4, 4, 13, 13, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine56">
|
|
path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(18, 20, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine57">
|
|
path.addRect(20, 0, 40, 40, (SkPath::Direction) 0);
|
|
path.addRect(20, 0, 30, 40, (SkPath::Direction) 0);
|
|
path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine58">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 1);
|
|
path.addRect(0, 12, 9, 9, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine59">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(6, 6, 18, 18, (SkPath::Direction) 1);
|
|
path.addRect(4, 4, 13, 13, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine60">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(6, 12, 18, 18, (SkPath::Direction) 1);
|
|
path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine61">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(12, 0, 24, 24, (SkPath::Direction) 1);
|
|
path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine62">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine63">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(0, 10, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 6, 12, 12, (SkPath::Direction) 1);
|
|
path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine64">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(18, 6, 30, 30, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine65">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(24, 0, 36, 36, (SkPath::Direction) 0);
|
|
path.addRect(32, 6, 36, 41, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine66">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(0, 30, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(12, 20, 24, 30, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine67">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(24, 20, 36, 30, (SkPath::Direction) 0);
|
|
path.addRect(32, 0, 36, 41, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine68a">
|
|
path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
|
|
path.addRect(2, 2, 6, 6, (SkPath::Direction) 0);
|
|
path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine68b">
|
|
path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
|
|
path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
|
|
path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine68c">
|
|
path.addRect(0, 0, 8, 8, (SkPath::Direction) 1);
|
|
path.addRect(2, 2, 6, 6, (SkPath::Direction) 0);
|
|
path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine68d">
|
|
path.addRect(0, 0, 8, 8, (SkPath::Direction) 1);
|
|
path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
|
|
path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine68e">
|
|
path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
|
|
path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
|
|
path.addRect(1, 2, 2, 2, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine68f">
|
|
path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
|
|
path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
|
|
path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
|
|
path.addRect(1, 2, 2, 2, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine69">
|
|
path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
|
|
path.addRect(12, 32, 21, 36, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine70">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 24, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(12, 32, 21, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine71">
|
|
path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(12, 0, 24, 24, (SkPath::Direction) 0);
|
|
path.addRect(12, 32, 21, 36, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine72">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(6, 20, 18, 30, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine73">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(0, 40, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
|
|
path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine74">
|
|
path.addRect(20, 30, 40, 40, (SkPath::Direction) 0);
|
|
path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
|
|
path.addRect(32, 24, 36, 41, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine75">
|
|
path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
|
|
path.addRect(10, 0, 30, 30, (SkPath::Direction) 1);
|
|
path.addRect(18, 0, 30, 30, (SkPath::Direction) 1);
|
|
path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine76">
|
|
path.addRect(36, 0, 66, 60, (SkPath::Direction) 0);
|
|
path.addRect(10, 20, 40, 30, (SkPath::Direction) 0);
|
|
path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
|
|
path.addRect(32, 6, 36, 41, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine77">
|
|
path.addRect(20, 0, 40, 40, (SkPath::Direction) 0);
|
|
path.addRect(24, 6, 36, 36, (SkPath::Direction) 1);
|
|
path.addRect(24, 32, 33, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine78">
|
|
path.addRect(0, 0, 30, 60, (SkPath::Direction) 0);
|
|
path.addRect(10, 20, 30, 30, (SkPath::Direction) 1);
|
|
path.addRect(18, 20, 30, 30, (SkPath::Direction) 1);
|
|
path.addRect(32, 0, 36, 41, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine79">
|
|
path.addRect(0, 36, 60, 30, (SkPath::Direction) 0);
|
|
path.addRect(10, 30, 40, 30, (SkPath::Direction) 0);
|
|
path.addRect(0, 20, 12, 30, (SkPath::Direction) 1);
|
|
path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testDegenerate1">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(2, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(2, 0);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testDegenerate2">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(0, 1);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testDegenerate3">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(2, 0);
|
|
path.lineTo(1, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(3, 0);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testDegenerate4">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(1, 3);
|
|
path.close();
|
|
path.moveTo(1, 0);
|
|
path.lineTo(1, 1);
|
|
path.lineTo(1, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testNondegenerate1">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(3, 0);
|
|
path.lineTo(1, 3);
|
|
path.close();
|
|
path.moveTo(1, 1);
|
|
path.lineTo(2, 1);
|
|
path.lineTo(1, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testNondegenerate2">
|
|
path.moveTo(1, 0);
|
|
path.lineTo(0, 1);
|
|
path.lineTo(1, 1);
|
|
path.close();
|
|
path.moveTo(0, 2);
|
|
path.lineTo(0, 3);
|
|
path.lineTo(1, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testNondegenerate3">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(2, 1);
|
|
path.close();
|
|
path.moveTo(0, 1);
|
|
path.lineTo(1, 1);
|
|
path.lineTo(0, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testNondegenerate4">
|
|
path.moveTo(1, 0);
|
|
path.lineTo(0, 1);
|
|
path.lineTo(1, 2);
|
|
path.close();
|
|
path.moveTo(0, 2);
|
|
path.lineTo(0, 3);
|
|
path.lineTo(1, 3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadralateral5">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(1, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(2, 2);
|
|
path.lineTo(3, 2);
|
|
path.lineTo(3, 3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadralateral6">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(1, 1);
|
|
path.close();
|
|
path.moveTo(1, 0);
|
|
path.lineTo(2, 0);
|
|
path.lineTo(0, 2);
|
|
path.lineTo(2, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testFauxQuadralateral6">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(1, 1);
|
|
path.close();
|
|
path.moveTo(1, 0);
|
|
path.lineTo(2, 0);
|
|
path.lineTo(1.333, 0.667);
|
|
path.close();
|
|
path.moveTo(1.333, 0.667);
|
|
path.lineTo(0, 2);
|
|
path.lineTo(2, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testFauxQuadralateral6a">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(3, 0);
|
|
path.lineTo(3, 3);
|
|
path.close();
|
|
path.moveTo(3, 0);
|
|
path.lineTo(6, 0);
|
|
path.lineTo(4, 2);
|
|
path.close();
|
|
path.moveTo(4, 2);
|
|
path.lineTo(0, 6);
|
|
path.lineTo(6, 6);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testFauxQuadralateral6b">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(3, 0);
|
|
path.lineTo(3, 3);
|
|
path.close();
|
|
path.moveTo(3, 0);
|
|
path.lineTo(6, 0);
|
|
path.lineTo(4, 2);
|
|
path.close();
|
|
path.moveTo(4, 2);
|
|
path.lineTo(6, 6);
|
|
path.lineTo(0, 6);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testFauxQuadralateral6c">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(3, 3);
|
|
path.lineTo(3, 0);
|
|
path.close();
|
|
path.moveTo(3, 0);
|
|
path.lineTo(6, 0);
|
|
path.lineTo(4, 2);
|
|
path.close();
|
|
path.moveTo(4, 2);
|
|
path.lineTo(0, 6);
|
|
path.lineTo(6, 6);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testFauxQuadralateral6d">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(3, 3);
|
|
path.lineTo(3, 0);
|
|
path.close();
|
|
path.moveTo(3, 0);
|
|
path.lineTo(6, 0);
|
|
path.lineTo(4, 2);
|
|
path.close();
|
|
path.moveTo(4, 2);
|
|
path.lineTo(6, 6);
|
|
path.lineTo(0, 6);
|
|
</div>
|
|
|
|
<div id="testQuadralateral6a">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(3, 0);
|
|
path.lineTo(3, 3);
|
|
path.close();
|
|
path.moveTo(3, 0);
|
|
path.lineTo(6, 0);
|
|
path.lineTo(0, 6);
|
|
path.lineTo(6, 6);
|
|
</div>
|
|
|
|
<div id="testQuadralateral7">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(2, 1);
|
|
path.close();
|
|
path.moveTo(1, 0);
|
|
path.lineTo(1, 1);
|
|
path.lineTo(2, 2);
|
|
path.lineTo(1, 3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadralateral8">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(3, 1);
|
|
path.lineTo(1, 3);
|
|
path.lineTo(3, 3);
|
|
path.close();
|
|
path.moveTo(2, 1);
|
|
path.lineTo(0, 2);
|
|
path.lineTo(3, 2);
|
|
path.lineTo(2, 3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadralateral9">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(1, 2);
|
|
path.lineTo(2, 2);
|
|
path.close();
|
|
path.moveTo(1, 1);
|
|
path.lineTo(2, 1);
|
|
path.lineTo(1, 3);
|
|
path.lineTo(2, 3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testLine1x">
|
|
path.setFillType(SkPath::kEvenOdd_FillType);
|
|
path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
|
|
path.addRect(4, 0, 13, 13, (SkPath::Direction) 0);
|
|
</div>
|
|
|
|
<div id="testLine2x">
|
|
path.setFillType(SkPath::kEvenOdd_FillType);
|
|
path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
|
|
path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
|
|
path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine3x">
|
|
path.setFillType(SkPath::kEvenOdd_FillType);
|
|
path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(18, 20, 30, 30, (SkPath::Direction) 1);
|
|
path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testLine4x">
|
|
path.setFillType(SkPath::kEvenOdd_FillType);
|
|
path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
|
|
path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
|
|
path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
|
|
</div>
|
|
|
|
<div id="testQuadratic1">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(1, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic2">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(3, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 0, 1);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic3">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(0, 2);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 0, 1);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic4x">
|
|
path.setFillType(SkPath::kEvenOdd_FillType);
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(0, 2);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 0, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic5">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(0, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.quadTo(0, 1, 0, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic6">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(2, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(2, 0, 0, 1);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic7">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(3, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(3, 0, 1, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic8">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(0, 2);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.quadTo(0, 1, 1, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic9">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(3, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.quadTo(1, 2, 3, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic9a">
|
|
path.moveTo(1.08000004, 0.720000029);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.lineTo(3, 1);
|
|
path.lineTo(1.01568651, 0.338562161);
|
|
path.quadTo(1.03542483, 0.541699469, 1.08000004, 0.720000029);
|
|
path.close();
|
|
path.moveTo(1.08000004, 0.720000029);
|
|
path.lineTo(3, 2);
|
|
path.quadTo(1.39999998, 2, 1.08000004, 0.720000029);
|
|
path.close();
|
|
|
|
</div>
|
|
|
|
<div id="testQuadratic10a">
|
|
path.moveTo(15.5, 15.5);
|
|
path.lineTo(46.5, 15.5);
|
|
path.quadTo(0, 31, 0, 46.5);
|
|
path.lineTo(15.5, 15.5);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic10b">
|
|
path.moveTo(5.16666698, 36.1666641);
|
|
path.lineTo(15.5, 15.5);
|
|
path.lineTo(46.5, 15.5);
|
|
path.quadTo(15.5, 25.8333321, 5.16666698, 36.1666641);
|
|
path.close();
|
|
path.moveTo(5.16666698, 36.1666641);
|
|
path.lineTo(0, 46.5);
|
|
path.quadTo(0, 41.3333359, 5.16666698, 36.1666641);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic11a">
|
|
path.moveTo(0, 0);
|
|
path.lineTo(15.5, 31);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(0, 15.5);
|
|
path.lineTo(15.5, 15.5);
|
|
path.quadTo(15.5, 15.5, 46.5, 31);
|
|
path.lineTo(0, 15.5);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic11b">
|
|
path.moveTo(9.30000019, 18.6000004);
|
|
path.lineTo(0, 15.5);
|
|
path.lineTo(7.75, 15.5);
|
|
path.lineTo(15.5, 15.5);
|
|
path.lineTo(46.5, 31);
|
|
path.lineTo(9.30000019, 18.6000004);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic12">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 0, 0);
|
|
path.lineTo(1, 3);
|
|
path.close();
|
|
path.moveTo(1, 0);
|
|
path.lineTo(0, 1);
|
|
path.quadTo(1, 1, 0, 3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic13a">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 15.5, 0);
|
|
path.lineTo(15.5, 31);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.quadTo(15.5, 46.5, 46.5, 46.5);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic13b">
|
|
path.moveTo(14.8800001, 29.7600002);
|
|
path.quadTo(6.20000029, 18.6000004, 0, 0);
|
|
path.lineTo(14.8800001, 29.7600002);
|
|
path.close();
|
|
path.moveTo(15.5, 30.5437222);
|
|
path.lineTo(15.5, 31);
|
|
path.lineTo(14.8800001, 29.7600002);
|
|
path.quadTo(15.1884346, 30.156559, 15.5, 30.5437222);
|
|
path.close();
|
|
path.moveTo(15.5, 15.5);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(15.5, 0);
|
|
path.lineTo(15.5, 15.5);
|
|
path.close();
|
|
path.moveTo(15.5, 30.5437222);
|
|
path.lineTo(15.5, 15.5);
|
|
path.lineTo(46.5, 46.5);
|
|
path.quadTo(28.34062, 46.5, 15.5, 30.5437222);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic14">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(3, 2);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.quadTo(3, 2, 3, 3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic15">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 1, 0);
|
|
path.lineTo(1, 3);
|
|
path.close();
|
|
path.moveTo(1, 0);
|
|
path.lineTo(0, 1);
|
|
path.quadTo(1, 1, 0, 3);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic16a">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 31, 0);
|
|
path.lineTo(46.5, 31);
|
|
path.lineTo(0, 0);
|
|
path.close();
|
|
path.moveTo(46.5, 15.5);
|
|
path.lineTo(0, 31);
|
|
path.quadTo(0, 31, 15.5, 31);
|
|
path.lineTo(46.5, 15.5);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic16b">
|
|
path.moveTo(31, 20.6666679);
|
|
path.lineTo(0, 0);
|
|
path.lineTo(31, 0);
|
|
path.lineTo(39.8571434, 17.7142868);
|
|
path.lineTo(31, 20.6666679);
|
|
path.close();
|
|
path.moveTo(33.214283, 22.1428585);
|
|
path.lineTo(15.5, 31);
|
|
path.lineTo(0, 31);
|
|
path.lineTo(31, 20.6666679);
|
|
path.lineTo(33.214283, 22.1428585);
|
|
path.close();
|
|
path.moveTo(40.2999992, 18.6000004);
|
|
path.lineTo(46.5, 31);
|
|
path.lineTo(33.214283, 22.1428585);
|
|
path.lineTo(40.2999992, 18.6000004);
|
|
path.close();
|
|
path.moveTo(39.8571434, 17.7142868);
|
|
path.lineTo(46.5, 15.5);
|
|
path.lineTo(40.2999992, 18.6000004);
|
|
path.lineTo(39.8571434, 17.7142868);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic17x">
|
|
path.setFillType(SkPath::kEvenOdd_FillType);
|
|
path.moveTo(0, 0);
|
|
path.quadTo(0, 0, 3, 1);
|
|
path.lineTo(0, 2);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(1, 0);
|
|
path.quadTo(3, 1, 0, 2);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic18">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(1, 0, 0, 1);
|
|
path.lineTo(0, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 1, 1);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic19">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(1, 0, 0, 1);
|
|
path.lineTo(0, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(2, 0, 0, 1);
|
|
path.close();
|
|
</div>
|
|
|
|
<div id="testQuadratic20">
|
|
path.moveTo(0, 0);
|
|
path.quadTo(1, 0, 0, 1);
|
|
path.lineTo(0, 1);
|
|
path.close();
|
|
path.moveTo(0, 0);
|
|
path.lineTo(0, 0);
|
|
path.quadTo(1, 0, 0, 1);
|
|
path.close();
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
var testDivs = [
|
|
testQuadratic20,
|
|
testQuadratic19,
|
|
testQuadratic18,
|
|
testQuadratic17x,
|
|
testQuadratic16b,
|
|
testQuadratic16a,
|
|
testQuadratic15,
|
|
testQuadratic14,
|
|
testQuadratic13b,
|
|
testQuadratic13a,
|
|
testQuadratic12,
|
|
testQuadratic11b,
|
|
testQuadratic11a,
|
|
testQuadratic10b,
|
|
testQuadratic10a,
|
|
testQuadratic9a,
|
|
testQuadratic9,
|
|
testQuadratic8,
|
|
testQuadratic7,
|
|
testQuadratic6,
|
|
testQuadratic5,
|
|
testQuadratic4x,
|
|
testQuadratic3,
|
|
testQuadratic2,
|
|
testQuadratic1,
|
|
testLine4x,
|
|
testLine3x,
|
|
testLine2x,
|
|
testLine1x,
|
|
testQuadralateral9,
|
|
testQuadralateral8,
|
|
testQuadralateral7,
|
|
testFauxQuadralateral6d,
|
|
testFauxQuadralateral6c,
|
|
testFauxQuadralateral6b,
|
|
testFauxQuadralateral6a,
|
|
testFauxQuadralateral6,
|
|
testQuadralateral6a,
|
|
testQuadralateral6,
|
|
testQuadralateral5,
|
|
testNondegenerate4,
|
|
testNondegenerate3,
|
|
testNondegenerate2,
|
|
testNondegenerate1,
|
|
testDegenerate4,
|
|
testDegenerate3,
|
|
testDegenerate2,
|
|
testDegenerate1,
|
|
testLine79,
|
|
testLine78,
|
|
testLine77,
|
|
testLine76,
|
|
testLine75,
|
|
testLine74,
|
|
testLine73,
|
|
testLine72,
|
|
testLine71,
|
|
testLine70,
|
|
testLine69,
|
|
testLine68f,
|
|
testLine68e,
|
|
testLine68d,
|
|
testLine68c,
|
|
testLine68b,
|
|
testLine68a,
|
|
testLine67,
|
|
testLine66,
|
|
testLine65,
|
|
testLine64,
|
|
testLine63,
|
|
testLine62,
|
|
testLine61,
|
|
testLine60,
|
|
testLine59,
|
|
testLine58,
|
|
testLine57,
|
|
testLine56,
|
|
testLine55,
|
|
testLine54,
|
|
testLine53,
|
|
testLine52,
|
|
testLine51,
|
|
testLine50,
|
|
testLine49,
|
|
testLine48,
|
|
testLine47,
|
|
testLine46,
|
|
testLine45,
|
|
testLine44,
|
|
testLine43,
|
|
testLine42,
|
|
testLine41,
|
|
testLine40,
|
|
testLine39,
|
|
testLine38,
|
|
testLine37,
|
|
testLine36,
|
|
testLine35,
|
|
testLine34,
|
|
testLine33,
|
|
testLine32,
|
|
testLine31,
|
|
testLine30,
|
|
testLine29,
|
|
testLine28,
|
|
testLine24,
|
|
testLine22,
|
|
testLine19,
|
|
testLine17,
|
|
testLine13,
|
|
testLine12,
|
|
testLine9,
|
|
testLine7b,
|
|
testLine7,
|
|
testSimplifyQuadratic21,
|
|
testSimplifyQuadratic20,
|
|
testSimplifyQuadratic19,
|
|
testSimplifyQuadratic18,
|
|
testSimplifyQuadratic17,
|
|
testSimplifyQuadratic16,
|
|
testSimplifyQuadratic15,
|
|
testSimplifyQuadratic14,
|
|
testSimplifyQuadratic13,
|
|
testSimplifyQuadratic12,
|
|
testSimplifyQuadratic11,
|
|
testSimplifyQuadratic10,
|
|
testSimplifyQuadratic9,
|
|
testSimplifyQuadratic8,
|
|
testSimplifyQuadratic7,
|
|
testSimplifyQuadratic6,
|
|
testSimplifyQuadratic5,
|
|
testSimplifyQuadratic4,
|
|
testSimplifyQuadratic3,
|
|
testSimplifyQuadratic2,
|
|
testSimplifyQuadratic1,
|
|
];
|
|
|
|
var scale, columns, rows, xStart, yStart;
|
|
|
|
var ticks = 0.1;
|
|
var at_x = 13 + 0.5;
|
|
var at_y = 13 + 0.5;
|
|
var decimal_places = 0; // make this 3 to show more precision
|
|
|
|
var tests = [];
|
|
var testTitles = [];
|
|
var testIndex = 0;
|
|
var hasXor = false;
|
|
|
|
var ctx;
|
|
|
|
function parse(test, title) {
|
|
var contours = [];
|
|
var contourStrs = test.split("path.close();");
|
|
var pattern = /-?\d+\.*\d*/g;
|
|
hasXor = test.split("kEvenOdd_FillType").length > 1;
|
|
for (var c in contourStrs) {
|
|
var contour = contourStrs[c];
|
|
var verbStrs = contour.split("path");
|
|
var verbs = [];
|
|
for (var v in verbStrs) {
|
|
var verbStr = verbStrs[v];
|
|
var points = verbStr.match(pattern);
|
|
var pts = [];
|
|
for (var wd in points) {
|
|
var num = parseFloat(points[wd]);
|
|
if (isNaN(num)) continue;
|
|
pts.push(num);
|
|
}
|
|
if (pts.length > 0)
|
|
verbs.push(pts);
|
|
}
|
|
if (verbs.length > 0) {
|
|
var lastIndex = verbs.length - 1;
|
|
var lastVerb = verbs[lastIndex];
|
|
var lastLen = lastVerb.length;
|
|
if (verbs[0][0] != lastVerb[lastLen - 2] && verbs[0][1] != lastVerb[lastLen - 1]) {
|
|
var lastPts = [];
|
|
lastPts.push(verbs[0][0]);
|
|
lastPts.push(verbs[0][1]);
|
|
verbs.push(lastPts);
|
|
}
|
|
contours.push(verbs);
|
|
}
|
|
}
|
|
if (contours.length > 0) {
|
|
tests.push(contours);
|
|
testTitles.push(title);
|
|
}
|
|
}
|
|
|
|
function parseRect(test, title) {
|
|
var contours = [];
|
|
var rectStrs = test.split("path.addRect");
|
|
var pattern = /-?\d+\.*\d*/g;
|
|
hasXor = test.split("kEvenOdd_FillType").length > 1;
|
|
for (var r in rectStrs) {
|
|
var rect = rectStrs[r];
|
|
var sideStrs = rect.match(pattern);
|
|
var sides = [];
|
|
for (var wd in sideStrs) {
|
|
var num = parseFloat(sideStrs[wd]);
|
|
if (isNaN(num)) continue;
|
|
sides.push(num);
|
|
}
|
|
if (sides.length == 0)
|
|
continue;
|
|
var verbs = [];
|
|
var topLeft = [];
|
|
topLeft.push(sides[0]); topLeft.push(sides[1]);
|
|
var topRight = [];
|
|
topRight.push(sides[2]); topRight.push(sides[1]);
|
|
var botLeft = [];
|
|
botLeft.push(sides[0]); botLeft.push(sides[3]);
|
|
var botRight = [];
|
|
botRight.push(sides[2]); botRight.push(sides[3]);
|
|
verbs.push(topLeft);
|
|
if (sides[4] == 0) {
|
|
verbs.push(topRight);
|
|
verbs.push(botRight);
|
|
verbs.push(botLeft);
|
|
} else {
|
|
verbs.push(botLeft);
|
|
verbs.push(botRight);
|
|
verbs.push(topRight);
|
|
}
|
|
verbs.push(topLeft);
|
|
contours.push(verbs);
|
|
}
|
|
if (contours.length > 0) {
|
|
tests.push(contours);
|
|
testTitles.push(title);
|
|
}
|
|
}
|
|
|
|
function init(test) {
|
|
var canvas = document.getElementById('canvas');
|
|
if (!canvas.getContext) return;
|
|
canvas.width = window.innerWidth - at_x;
|
|
canvas.height = window.innerHeight - at_y;
|
|
ctx = canvas.getContext('2d');
|
|
var xmin = Infinity;
|
|
var xmax = -Infinity;
|
|
var ymin = Infinity;
|
|
var ymax = -Infinity;
|
|
for (var contours in test) {
|
|
var contour = test[contours];
|
|
for (var verbs in contour) {
|
|
var verb = contour[verbs];
|
|
var last = verb.length;
|
|
for (var idx = 0; idx < last; idx += 2) {
|
|
xmin = Math.min(xmin, verb[idx]);
|
|
xmax = Math.max(xmax, verb[idx]);
|
|
ymin = Math.min(ymin, verb[idx + 1]);
|
|
ymax = Math.max(ymax, verb[idx + 1]);
|
|
}
|
|
}
|
|
}
|
|
var subscale = 1;
|
|
while ((xmax - xmin) * subscale < 0.1 && (ymax - ymin) * subscale < 0.1) {
|
|
subscale *= 10;
|
|
}
|
|
columns = Math.ceil(xmax) - Math.floor(xmin) + 1;
|
|
rows = Math.ceil(ymax) - Math.floor(ymin) + 1;
|
|
xStart = Math.floor(xmin);
|
|
yStart = Math.floor(ymin);
|
|
var hscale = ctx.canvas.width / columns / ticks;
|
|
var vscale = ctx.canvas.height / rows / ticks;
|
|
scale = Math.floor(Math.min(hscale, vscale)) * subscale;
|
|
}
|
|
|
|
function drawPoint(px, py, xoffset, yoffset, unit) {
|
|
var label = px.toFixed(decimal_places) + ", " + py.toFixed(decimal_places);
|
|
var _px = px * unit + xoffset;
|
|
var _py = py * unit + yoffset;
|
|
ctx.beginPath();
|
|
ctx.arc(_px, _py, 3, 0, Math.PI*2, true);
|
|
ctx.closePath();
|
|
ctx.fill();
|
|
ctx.fillText(label, _px + 5, _py);
|
|
}
|
|
|
|
function draw(test, title, _at_x, _at_y, scale) {
|
|
ctx.fillStyle = "rgba(0,0,0, 0.1)";
|
|
ctx.font = "normal 50px Arial";
|
|
ctx.fillText(title, 50, 50);
|
|
ctx.font = "normal 10px Arial";
|
|
|
|
var unit = scale * ticks;
|
|
ctx.lineWidth = 1;
|
|
var i;
|
|
for (i = 0; i <= rows * ticks; ++i) {
|
|
ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
|
|
ctx.beginPath();
|
|
ctx.moveTo(_at_x + 0, _at_y + i * scale);
|
|
ctx.lineTo(_at_x + unit * columns, _at_y + i * scale);
|
|
ctx.stroke();
|
|
}
|
|
for (i = 0; i <= columns * ticks; ++i) {
|
|
ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
|
|
ctx.beginPath();
|
|
ctx.moveTo(_at_x + i * scale, _at_y + 0);
|
|
ctx.lineTo(_at_x + i * scale, _at_y + unit * rows);
|
|
ctx.stroke();
|
|
}
|
|
|
|
var xoffset = xStart * -unit + _at_x;
|
|
var yoffset = yStart * -unit + _at_y;
|
|
|
|
ctx.fillStyle = "rgb(40,80,60)"
|
|
for (i = 0; i <= columns; i += (1 / ticks))
|
|
{
|
|
num = (xoffset - _at_x) / -unit + i;
|
|
ctx.fillText(num.toFixed(0), i * unit + _at_y - 5, 10);
|
|
}
|
|
for (i = 0; i <= rows; i += (1 / ticks))
|
|
{
|
|
num = (yoffset - _at_x) / -unit + i;
|
|
ctx.fillText(num.toFixed(0), 0, i * unit + _at_y + 0);
|
|
}
|
|
|
|
ctx.strokeStyle = "red";
|
|
var contours, verbs, pts;
|
|
ctx.beginPath();
|
|
for (contours in test) {
|
|
var contour = test[contours];
|
|
if (contours == 2) ctx.strokeStyle = "blue";
|
|
var first = true;
|
|
for (verbs in contour) {
|
|
var verb = contour[verbs];
|
|
switch (verb.length) {
|
|
case 2:
|
|
if (first) {
|
|
ctx.moveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
|
|
first = false;
|
|
} else
|
|
ctx.lineTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
|
|
break;
|
|
case 4:
|
|
ctx.quadraticCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
|
|
xoffset + verb[2] * unit, yoffset + verb[3] * unit);
|
|
break;
|
|
case 6:
|
|
ctx.bezierCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
|
|
xoffset + verb[2] * unit, yoffset + verb[3] * unit,
|
|
xoffset + verb[4] * unit, yoffset + verb[5] * unit);
|
|
break;
|
|
}
|
|
}
|
|
ctx.closePath();
|
|
}
|
|
if (hasXor) {
|
|
ctx.fillType=xor; // how is this done?
|
|
}
|
|
ctx.stroke();
|
|
ctx.fillStyle="rgba(192,192,255, 0.3)";
|
|
ctx.fill();
|
|
|
|
ctx.fillStyle="blue";
|
|
for (contours in test) {
|
|
var contour = test[contours];
|
|
for (verbs in contour) {
|
|
var verb = contour[verbs];
|
|
for (i = 0; i < verb.length; i += 2) {
|
|
x = verb[i];
|
|
y = verb[i + 1];
|
|
drawPoint(x, y, xoffset, yoffset, unit);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var mouseX = Infinity, mouseY;
|
|
|
|
function calcXY() {
|
|
var e = window.event;
|
|
var tgt = e.target || e.srcElement;
|
|
var left = tgt.offsetLeft;
|
|
var top = tgt.offsetTop;
|
|
var unit = scale * ticks;
|
|
mouseX = (e.clientX - left - Math.ceil(at_x) + 1) / unit + xStart;
|
|
mouseY = (e.clientY - top - Math.ceil(at_y)) / unit + yStart;
|
|
}
|
|
|
|
function handleMouseOver() {
|
|
calcXY();
|
|
var num = mouseX.toFixed(3) + ", " + mouseY.toFixed(3);
|
|
ctx.beginPath();
|
|
ctx.rect(300,100,200,10);
|
|
ctx.fillStyle="white";
|
|
ctx.fill();
|
|
ctx.fillStyle="black";
|
|
ctx.fillText(num, 300, 108);
|
|
}
|
|
|
|
function handleMouseClick() {
|
|
calcXY();
|
|
// drawInset();
|
|
}
|
|
|
|
function drawTop() {
|
|
init(tests[testIndex]);
|
|
redraw();
|
|
}
|
|
|
|
function redraw() {
|
|
ctx.beginPath();
|
|
ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
|
|
ctx.fillStyle="white";
|
|
ctx.fill();
|
|
draw(tests[testIndex], testTitles[testIndex], at_x, at_y, scale);
|
|
// if (insetScale != scale && mouseX != Infinity)
|
|
// drawInset();
|
|
}
|
|
|
|
function doKeyPress(evt) {
|
|
var char = String.fromCharCode(evt.charCode);
|
|
switch (char) {
|
|
case 'N':
|
|
testIndex += 9;
|
|
case 'n':
|
|
if (++testIndex >= tests.length)
|
|
testIndex = 0;
|
|
mouseX = Infinity;
|
|
drawTop();
|
|
break;
|
|
case 'P':
|
|
testIndex -= 9;
|
|
case 'p':
|
|
if (--testIndex < 0)
|
|
testIndex = tests.length - 1;
|
|
mouseX = Infinity;
|
|
drawTop();
|
|
break;
|
|
case 'T':
|
|
case 't':
|
|
break;
|
|
case '-':
|
|
drawTop();
|
|
break;
|
|
case '=':
|
|
case '+':
|
|
drawTop();
|
|
break;
|
|
}
|
|
}
|
|
|
|
function start() {
|
|
for (i = 0; i < testDivs.length; ++i) {
|
|
var title = testDivs[i].id.toString();
|
|
var str = testDivs[i].firstChild.data;
|
|
if (str.split("addRect").length > 1) {
|
|
parseRect(str, title);
|
|
} else {
|
|
parse(str, title);
|
|
}
|
|
}
|
|
drawTop();
|
|
window.addEventListener('keypress', doKeyPress, true);
|
|
window.onresize = function() {
|
|
drawTop();
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
|
|
<body onLoad="start();">
|
|
<canvas id="canvas" width="750" height="500"
|
|
onmousemove="handleMouseOver()"
|
|
onclick="handleMouseClick()"
|
|
></canvas >
|
|
</body>
|
|
</html>
|