Establezca el tamaño del lienzo mediante CSS o los atributos de ancho/alto HTML para que sea, por ejemplo, 200 x 400:
canvas/canvas
y asegúrese de configurar también las propiedades de ancho/alto del objeto canvas en JavaScript, para evitar que el texto se vea borroso, por ejemplo:
canvas.width = 1800canvas.height = 1200
Lo primero es obtener una referencia a un lienzo.
const canvas = document.querySelector('canvas')
y crear un objeto de contexto a partir de él:
const context = canvas.getContext('2d')
Ahora podemos llamar al fillText()
método del objeto de contexto:
context.fillText('hi!', 100, 100)
Asegúrese de que las coordenadas x e y del punto de inicio estén incluidas en el tamaño del lienzo. Fotos Porno y actrices porno
Puede pasar propiedades adicionales antes de llamar fillText()
para personalizar la apariencia, por ejemplo:
context.font = 'bold 70pt Menlo'context.fillStyle = '#ccc'context.fillText('hi!', 100, 100)
Tips para principiantes de JavaScript
Tal vez te puede interesar:
- Formularios HTML
- Cómo cargar una imagen en un lienzo HTML
- Cómo utilizar insertAdjacentHTML
- Cómo cambiar la URL de una imagen HTML en modo oscuro
Cómo escribir texto en un lienzo HTML
Establezca el tamaño del lienzo mediante CSS o los atributos de ancho/alto HTML para que sea, por ejemplo, 200 x 400:
programar
es
https://aprendeprogramando.es/static/images/programar-como-escribir-texto-en-un-lienzo-html-2331-0.jpg
2024-10-18
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente