Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Math Canvas (gallery-mathcanvas) on cdn

Last Updated: 04/17/13

+ 1 -

John Lindal

YUI Contributor

See 50 more by this user.

Created: 02/20/11
Last CDN Push: 05/16/12
Build Tag: gallery-2012.05.16-20-37
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

Renders expressions the way you would write them on paper, using an HTML canvas element.

This is a work-in-progress. Editing is the next big feature that I am working on.

Example of rendering and evaluating an expression.

Code Sample

<script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.05.16-20-37'
}).use('gallery-mathcanvas', function(Y)
{
	var canvas = new Y.MathCanvas(
	{
		minWidth:  300,
		minHeight: 100,
		fontSize:  2
	});
	canvas.render('#canvas');
 
	canvas.set('func', 'max(sin(sqrt(5)),sqrt(abs(cos(pi))),e)');
 
	var value = canvas.get('func').evaluate();
});