API web | Propiedad DOMRect fromRect

En Web API hay una interfaz DOMRect que tiene una propiedad fromRect() que crea un objeto DOMRectReadOnly que tiene la ubicación y las dimensiones dadas. 

Sintaxis:

var domRect = DOMRectReadOnly.fromRect(DOMRect object)

Valor devuelto:

It returns an instance of DOMRect

Ejemplo: Uso de fromRect. 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>DOMRect fromRect property</title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">
                GeeksForGeeks
            </h1>
 
        <h2>DOMRect fromRect property</h2>
        <button onclick="getDOMRect ();">
            Get fromRect
        </button>
        <p id='DOMRect'></p>
    </center>
 
</body>
 
<script type="text/javascript">
    function getDOMRect() {
        var myDOMRect = new DOMRect(0, 0, -100, 100);
        var domRect = DOMRectReadOnly.fromRect(myDOMRect);
        console.log(domRect);
 
    }
</script>
 
</html>

Producción: 

Antes de hacer clic en el botón:

  

Después de hacer clic en el botón:

  

Navegadores compatibles:

  • Google cromo 61
  • Borde 79
  • Safari 10.1
  • firefox 69
  • Ópera 48

Publicación traducida automáticamente

Artículo escrito por DeepakDev y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *