texto quitar negrita etiquetas estilos ejemplos cursiva color colocar javascript html5 canvas typography

javascript - quitar - negrita en html5



¿Cómo doy estilo al texto del lienzo HTML5 para que sea negrita y/o cursiva? (3)

Estoy imprimiendo texto en un lienzo de una manera bastante directa:

var ctx = canvas.getContext(''2d''); ctx.font = "10pt Courier"; ctx.fillText("Hello World", 100, 100);

¿Pero cómo puedo cambiar el texto a negrita, cursiva o ambos? ¿Alguna sugerencia para arreglar ese simple ejemplo?




Solo un aviso adicional para cualquiera que tropiece con esto: asegúrese de seguir el orden que se muestra en la respuesta aceptada.

Me encontré con algunos problemas de navegador cruzado cuando tenía el orden equivocado. Tener "10px Verdana bold" funciona en Chrome, pero no en IE o Firefox. Cambiar a "bold 10px Verdana" como se indica solucionó esos problemas. Vuelva a verificar la orden si se encuentra con problemas similares.