En este artículo, veremos cómo bloquear el sesgo horizontal de un lienzo rectangular usando FabricJS . El rectángulo de lienzo significa que el rectángulo es móvil y se puede estirar según los requisitos. Además, el rectángulo se puede personalizar en lo que respecta al color del trazo inicial, la altura, el ancho, el color de … Continue reading «Tela.js | Propiedad Rect lockSkewingX»
Template Literal en ES6 proporciona nuevas funciones para crear una string que brinda más control sobre las strings dinámicas. Tradicionalmente, String se crea usando comillas simples (‘) o comillas dobles («) . El literal de la plantilla se crea usando el carácter de acento grave (`) . Sintaxis: var s=`some string`; Strings de varias líneas: … Continue reading «JavaScript | literales de plantilla»
La función bezierVertex() en p5.js se usa para especificar las coordenadas de vértice que se usan para dibujar una curva bezier. Cada llamada a esta función define la posición de dos puntos de control y un punto de anclaje de la curva Bezier. Esta función solo se puede usar entre beginShape() y endShape() . Debe … Continue reading «p5.js | bezierVertex() Función»
Dado un elemento de entrada, la tarea es verificar si el elemento de entrada es alfanumérico o no. Hay dos métodos para resolver este problema que se discuten a continuación: Enfoque 1: Se utiliza un RegExp para validar la entrada. RegExp se usa para verificar la string de caracteres no válidos que no contiene (az) … Continue reading «¿Cómo validar que una entrada sea alfanumérica o no use JavaScript?»
En este artículo, vamos a ver cómo establecer la posición absoluta de un triángulo de lienzo usando FabricJS . Solo tiene sentido cuando el objeto se usa como clipPath. El triángulo de lona significa que el triángulo es móvil y se puede estirar según los requisitos. Además, el triángulo se puede personalizar en lo que … Continue reading «Tela.js | Propiedad de la posición absoluta del triángulo»
El método console.dir() se usa para obtener la lista de propiedades de objeto de un objeto específico. Estas propiedades de objeto también tienen objetos secundarios, desde los cuales puede inspeccionar para obtener más información. Sintaxis: console.dir( object ) Parámetros: este método acepta un solo parámetro que contiene el elemento del objeto. Ejemplo 1: <!DOCTYPE html> … Continue reading «Método Node.js console.dir()»
En este artículo, vamos a ver cómo cambiar el color del borde del rectángulo del lienzo usando FabricJS. El rectángulo de lienzo significa que el rectángulo es móvil y se puede estirar según los requisitos. Además, el rectángulo se puede personalizar en lo que respecta al color del trazo inicial, la altura, el ancho, el … Continue reading «Tela.js | Rect borderColor Propiedad»
Dada una imagen y la tarea es aumentar y disminuir el tamaño de la imagen usando JavaScript. Utilice la siguiente propiedad para aumentar y disminuir la imagen. Uso de la propiedad Ancho: se utiliza para cambiar los nuevos valores para cambiar el tamaño del ancho del elemento. Sintaxis: object.style.width = «auto|length|%|initial|inherit» Acercarse: Obtenga el selector … Continue reading «¿Cómo acercar y alejar la imagen usando JavaScript?»
En este artículo, vamos a ver cómo bloquear la rotación del rectángulo del lienzo usando FabricJS . El rectángulo de lienzo significa que el rectángulo es móvil y se puede estirar según los requisitos. Además, el rectángulo se puede personalizar en lo que respecta al color del trazo inicial, la altura, el ancho, el color … Continue reading «Tela.js | Propiedad Rect lockRotation»
Arrastrar y soltar es un concepto muy interactivo y fácil de usar que facilita mover un objeto a una ubicación diferente arrastrándolo. Le permite al usuario hacer clic y mantener presionado el botón del mouse sobre un elemento, arrastrarlo a otra ubicación y soltar el botón del mouse para soltar el elemento allí. En HTML … Continue reading «¿Cómo deshabilitar el arrastre de una imagen desde una página HTML usando JavaScript/jQuery?»