https://wiki.whatwg.org/api.php?action=feedcontributions&feedformat=atom&user=Fabien.menager 2026-04-05T03:53:04Z User contributions MediaWiki 1.39.3 https://wiki.whatwg.org/index.php?title=Text_in_Canvas&diff=3641 2009-04-22T12:48:50Z

<p>Fabien.menager: </p> <hr /> <div>Currently, the Canvas API does not include the ability to draw text strings. That makes several potential Canvas applications, such as dynamic graphs or maps, more complex than necessary. Instead of using the text facilities of the platform, Canvas applications need to bundle their own vector fonts or use inaccessible pre-rendered images for text display. Thus, using Canvas it is unattractive for authors and users are forced to use a proprietary plugin (Flash) for some applications.<br /> <br /> <br /> == Use Case Description ==<br /> <br /> * Maps (Street names, ...)<br /> * All kinds of graphs needing labels<br /> * Games (High score, &quot;Game Over&quot; etc)<br /> <br /> <br /> === Current Limitations ===<br /> ''Explanation of why the current markup is insufficient.''<br /> <br /> Possible workarounds and the associated problems are described in great detail at http://canvaspaint.org/blog/2006/12/rendering-text/<br /> <br /> Executive Summary:<br /> <br /> * Images are large and do not scale<br /> * Vector fonts are large, too<br /> <br /> Moreover, the workarounds make accessibility more difficult, and authors need to worry about font copyright, normally addressed by the users operating system vendor<br /> <br /> === Current Usage and Workarounds ===<br /> <br /> <br /> ''Some evidence that this feature is desperately needed on the web. You may provide a separate examples page for listing these.''<br /> <br /> * http://osteele.com/sources/javascript/docs/textcanvas<br /> * http://canvaspaint.org/blog/2006/12/rendering-text/<br /> * http://www.random.abrahamjoffe.com.au/public/JavaScripts/canvas/fontGenerator.htm<br /> * http://minijoe.com/ota/emulator?sid=canvasoids<br /> * http://minijoe.com/ota/emulator?sid=canvasout<br /> * http://code.google.com/p/canvas-text/ A full implementation of the spec for any browser<br /> <br /> === Benefits ===<br /> <br /> ''Explanation of how and why new markup would be useful.''<br /> <br /> <br /> The problems described in &quot;Current Limitations&quot; would disappear :)<br /> <br /> === Requests for this Feature ===<br /> <br /> * http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2006-October/007363.html<br /> * http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2006-June/006527.html<br /> <br /> == Proposed Solutions ==<br /> <br /> === My Solution ===<br /> :''Brief description of the solution and of how it address the problem at hand.''<br /> <br /> see http://rhino-canvas.sourceforge.net/www/drawstring.html#api<br /> <br /> <br /> ==== Processing Model ====<br /> :''Explanation of the changes introduced by this solution. It explains how the document is processed, and how errors are handled. This should be very clear, including things such as event timing if the solution involves events, how to create graphs representing the data in the case of semantic proposals, etc.''<br /> <br /> ==== Limitations ==== <br /> :''Cases not covered by this solution in relation to the problem description; other problems with this solution, if any.''<br /> <br /> ==== Implementation ==== <br /> :''Description of how and why browser vendors would take advantage of this feature.''<br /> <br /> ==== Adoption ==== <br /> :''Reasons why page authors would use this solution.''<br /> <br /> [[Category:Feature Request]]</div>

Fabien.menager