<!DOCTYPE html>
<title>Geometry Interfaces: DOMMatrix2DInit validate and fixup</title>
<link rel="help" href="https://drafts.fxtf.org/geometry/#dommatrixinit-dictionary">
<link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-context-2d-settransform">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/dommatrix-test-util.js"></script>
<canvas id=canvas hidden></canvas>
<script>
setup(() => {
window.canvas = document.getElementById('canvas');
window.ctx = canvas.getContext('2d');
window.ctx.fillStyle = '#000';
});
function clearCanvas(ctx) {
ctx.resetTransform();
ctx.clearRect(0, 0, window.canvas.width, window.canvas.height);
}
function drawRectWithSetTransform(ctx, transform) {
clearCanvas(ctx);
ctx.setTransform(transform);
ctx.fillRect(20, 20, 30, 30);
return window.canvas.toDataURL();
}
function drawRectWithAddPathTransform(ctx, transform) {
clearCanvas(ctx);
var path = new Path2D();
path.rect(20, 20, 30, 30);
var transformedPath = new Path2D();
if (transform === undefined) {
transformedPath.addPath(path);
} else {
transformedPath.addPath(path, transform);
}
ctx.fill(transformedPath);
return window.canvas.toDataURL();
}
var emptyCanvasURL = window.canvas.toDataURL();
[
{a: 1, m11: 2},
{b: 0, m12: -1},
{c: Infinity, m21: -Infinity},
{d: 0, m22: NaN},
{e: 1, m41: 1.00000001},
{f: 0, m42: Number.MIN_VALUE},
].forEach(dict => {
test(() => {
ctx.resetTransform();
assert_throws_js(TypeError, () => ctx.setTransform(dict));
}, `setTransform(${format_dict(dict)}) (invalid)`);
test(() => {
assert_throws_js(TypeError, () => drawRectWithAddPathTransform(ctx, dict));
}, `addPath(${format_dict(dict)}) (invalid)`);
});
test(() => {
ctx.resetTransform();
ctx.setTransform(1, 2, 3, 4, 5, 6);
const matrix = ctx.getTransform();
checkMatrix(matrix, matrix2D({m11: 1, m12: 2, m21: 3, m22: 4, m41: 5, m42: 6}));
}, `setTransform (Sanity check without dictionary)`);
test(() => {
var ident = matrix2D({});
var expectedResultURL = drawRectWithSetTransform(ctx, ident);
var actualResultURL = drawRectWithAddPathTransform(ctx);
assert_equals(actualResultURL, expectedResultURL);
}, `addPath (Sanity check without second parameter)`);
[
// Input dict that are 2D
[{}, matrix2D({})],
[{is2D: undefined}, matrix2D({})],
[{a: 1, m11: 1}, matrix2D({m11: 1})],
[{b: 0, m12: undefined}, matrix2D({m12: 0})],
[{c: 0, m21: 0}, matrix2D({m21: 0})],
[{c: 0, m21: -0}, matrix2D({m21: -0})],
[{c: -0, m21: 0}, matrix2D({m21: 0})],
[{c: -0, m21: -0}, matrix2D({m21: -0})],
[{d: Infinity, m22: Infinity}, null], // setTransform: silently ignore / addPath: silently halt
[{e: -Infinity, m41: -Infinity}, null], // setTransform: silently ignore / addPath: silently halt
[{f: NaN, m42: NaN}, null], // setTransform: silently ignore / addPath: silently halt
[{f: NaN, m42: NaN, is2D: true}, null], // setTransform: silently ignore / addPath: silently halt
[{f: 0, m42: null}, matrix2D({m42: 0})], // null is converted to 0
[{f: -0, m42: null}, matrix2D({m42: 0})], // null is converted to 0
[{a: 2}, matrix2D({m11: 2})],
[{b: 2}, matrix2D({m12: 2})],
[{c: 2}, matrix2D({m21: 2})],
[{d: 2}, matrix2D({m22: 2})],
[{e: 2}, matrix2D({m41: 2})],
[{f: 2}, matrix2D({m42: 2})],
[{a: -0, b: -0, c: -0, d: -0, e: -0, f: -0},
matrix2D({m11: -0, m12: -0, m21: -0, m22: -0, m41: -0, m42: -0})],
[{a: -0, b: -0, c: -0, d: -0, e: -0, f: -0, is2D: true},
matrix2D({m11: -0, m12: -0, m21: -0, m22: -0, m41: -0, m42: -0})],
[{m11:2}, matrix2D({m11: 2})],
[{m12:2}, matrix2D({m12: 2})],
[{m21:2}, matrix2D({m21: 2})],
[{m22:2}, matrix2D({m22: 2})],
[{m41:2}, matrix2D({m41: 2})],
[{m42:2}, matrix2D({m42: 2})],
[{m11: -0, m12: -0, m21: -0, m22: -0, m41: -0, m42: -0},
matrix2D({m11: -0, m12: -0, m21: -0, m22: -0, m41: -0, m42: -0})],
[{m11: -0, m12: -0, m21: -0, m22: -0, m41: -0, m42: -0, is2D: true},
matrix2D({m11: -0, m12: -0, m21: -0, m22: -0, m41: -0, m42: -0})],
[{m13: 0, is2D: true}, matrix2D({})],
[{m13: -0, is2D: true}, matrix2D({})],
[{m14: 0, is2D: true}, matrix2D({})],
[{m14: -0, is2D: true}, matrix2D({})],
[{m23: 0, is2D: true}, matrix2D({})],
[{m23: -0, is2D: true}, matrix2D({})],
[{m24: 0, is2D: true}, matrix2D({})],
[{m24: -0, is2D: true}, matrix2D({})],
[{m31: 0, is2D: true}, matrix2D({})],
[{m31: -0, is2D: true}, matrix2D({})],
[{m32: 0, is2D: true}, matrix2D({})],
[{m32: -0, is2D: true}, matrix2D({})],
[{m33: 1, is2D: true}, matrix2D({})],
[{m34: 0, is2D: true}, matrix2D({})],
[{m34: -0, is2D: true}, matrix2D({})],
[{m43: 0, is2D: true}, matrix2D({})],
[{m43: -0, is2D: true}, matrix2D({})],
[{m44: 1, is2D: true}, matrix2D({})],
[{is2D: true}, matrix2D({})],
].forEach(([dict, expected]) => {
test(() => {
ctx.resetTransform();
ctx.setTransform(dict);
const matrix = ctx.getTransform();
checkMatrix(matrix, expected || matrix2D({}));
}, `setTransform(${format_dict(dict)})`);
test(() => {
var expectedResultURL = expected ?
drawRectWithSetTransform(ctx, expected) :
emptyCanvasURL;
var actualResultURL = drawRectWithAddPathTransform(ctx, dict);
assert_equals(actualResultURL, expectedResultURL);
}, `addPath(${format_dict(dict)})`);
});
</script>
Codebase Browser
chromium