1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
<html>
<head>
<script type="text/javascript">
function assert(cond, msg) {
if (!cond) {
throw msg;
}
}
assert.equal = function(m1, m2, msg) {
assert(
m1.is2D &&
m2.is2D &&
m1.a === m2.a &&
m1.b === m2.b &&
m1.c === m2.c &&
m1.d === m2.d &&
m1.e === m2.e &&
m1.f === m2.f,
msg
);
};
window.onload = function() {
try {
var ctx = document.getElementById("c1").getContext("2d");
var singular = new DOMMatrix([0, 0, 0, 0, 0, 0]);
ctx.setTransform(singular);
assert.equal(
ctx.getTransform(),
singular,
"Expected setting transform to a singular matrix to work"
);
var inv = ctx.getTransform().invertSelf();
assert(
isNaN(inv.a) && isNaN(inv.b) && isNaN(inv.c) && isNaN(inv.d),
"Expected to get back matrix of NaN's from inverse transform"
);
var m = new DOMMatrix([1, 2, 3, 4, 5, 6]);
ctx.setTransform(m);
ctx.setTransform(singular.invertSelf());
assert.equal(
ctx.getTransform(),
m,
"Setting transform to an inverse singular matrix is a no-op"
);
} catch (e) {
document.body.innerHTML = "FAIL: " + e.toString();
return;
}
document.body.innerHTML = "Pass";
};
</script>
</head>
<body>
<div><canvas id="c1" width="300" height="300"></canvas></div>
</body>
</html>
|
