JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

JavaScript

if (window.DOMPointReadOnly === undefined) {
    console.log("✗ No DOMPointReadOnly");
}
else {
	/*
    var rop = new DOMPointReadOnly(0,1,2,3);
    console.log("WXYZ:", rop.w, rop.x, rop.y, rop.z);
    console.log("DOMPointReadOnly.matrixTransform", roPoint.matrixTransform);
    */
}

if (window.DOMPoint === undefined) {
    console.log("✗ No DOMPoint");
}
else {
    // nothing
}

if (window.DOMRectReadOnly === undefined) {
    console.log("✗ No DOMRectReadOnly");
}
else {
    /*
    var rorect = new DOMRectReadOnly(1,2,3,4);
    console.log("xy:", rorect.x, rorect.y);
    console.log("width height:", rorect.width, rorect.height);
    console.log("tblr:", rorect.top, rorect.bottom, rorect.left, rorect.right);
    */
}

if (window.DOMRect === undefined) {
    console.log("✗ No DOMRect");
}
else {
    var rect = new DOMRect(4,3,2,1);
    console.log("xy:", rect.x, rect.y);
    console.log("width height:", rect.width, rect.height);
}

if (window.DOMQuad === undefined) {
    console.log("✗ No DOMQuad");
}
else {
    // todo
}

if (window.DOMMatrixReadOnly === undefined) {
    console.log("✗ No DOMMatrixReadOnly");
}
else {
    // todo
}

if (window.DOMMatrix === undefined) {
    console.log("✗ No DOMMatrix");
}
else {
    // todo
}

// todo: DOMRectList