javascript Programming Glossary: ctx.font
Determine width of string in HTML5 canvas http://stackoverflow.com/questions/10099226/determine-width-of-string-in-html5-canvas 'top' ctx.fillStyle 'blue' var textDimensions i 0 do ctx.font fontSizes i 'px Arial' textDimensions ctx.measureText text while.. me fontSizes min max var index Math.floor min max 2 ctx.font fontSizes index 'px Arial' var textWidth ctx.measureText text..
How can you find the height of text on an HTML canvas? http://stackoverflow.com/questions/1134586/how-can-you-find-the-height-of-text-on-an-html-canvas x y maxWidth ctx.translate x y ctx.mozTextStyle ctx.font ctx.mozDrawText textToDraw ctx.translate x y if ctx.measureText.. ctx.measureText function text ctx.mozTextStyle ctx.font var width ctx.mozMeasureText text return width width if ctx.measureText..
How to use CSS (and JavaScript?) to create a blurred, “frosted” background? http://stackoverflow.com/questions/17092299/how-to-use-css-and-javascript-to-create-a-blurred-frosted-background 255 255 0.5 ' ctx.fillRect x y w h ctx.fillStyle '#999' ctx.font '32px arial' ctx.fillText Partial overlay content 10 60 document.body.appendChild..
Is there a way to curve / arc text using CSS3 / Canvas http://stackoverflow.com/questions/2840862/is-there-a-way-to-curve-arc-text-using-css3-canvas cnv cnv.width 500 cnv.height 300 ctx cnv.getContext 2d ctx.font bold 12px sans serif text abcdefghijklm for i 0 i text.length..
HTML5 Canvas Circle Text http://stackoverflow.com/questions/6061880/html5-canvas-circle-text var ctx document.getElementById 'canvas' .getContext '2d' ctx.font bold 30px Serif ctx.fillTextCircle Circle Text 150 150 75 Math.PI..
Dynamically generated favicon http://stackoverflow.com/questions/6964144/dynamically-generated-favicon #F00 ctx.fillRect 10 7 6 8 ctx.fillStyle '#FFFFFF' ctx.font 'bold 10px sans serif' ctx.fillText '2' 10 14 var link document.createElement.. #F00 ctx.fillRect 10 7 6 8 ctx.fillStyle '#FFFFFF' ctx.font 'bold 10px sans serif' ctx.fillText '2' 10 14 var link document.createElement..
|