‪Expression Exchange‬

' + ''; window.open( 'data:text/html;charset=utf-8,' + encodeURIComponent( htmlContent ) ); }, toStringWithChildren: function( mutateRoot, rootName ) { rootName = rootName || 'scene'; var rootNode = this._rootNode; var result = ''; var nodes = this._rootNode.getTopologicallySortedNodes().slice( 0 ).reverse(); // defensive slice, in case we store the order somewhere function name( node ) { return node === rootNode ? rootName : ( ( node.constructor.name ? node.constructor.name.toLowerCase() : '(node)' ) + node.id ); } _.each( nodes, function( node ) { if ( result ) { result += '\n'; } if ( mutateRoot && node === rootNode ) { var props = rootNode.getPropString( ' ', false ); var mutation = ( props ? ( '\n' + props + '\n' ) : '' ); if ( mutation !== '' ) { result += rootName + '.mutate( {' + mutation + '} )'; } else { // bleh. strip off the last newline result = result.slice( 0, -1 ); } } else { result += 'var ' + name( node ) + ' = ' + node.toString( '', false ); } _.each( node.children, function( child ) { result += '\n' + name( node ) + '.addChild( ' + name( child ) + ' );'; } ); } ); return result; }, /** * Will attempt to call callback( {string} dataURI ) with the rasterization of the entire Display's DOM structure, * used for internal testing. Will call-back null if there was an error * * Only tested on recent Chrome and Firefox, not recommended for general use. Guaranteed not to work for IE <= 10. * * See https://github.com/phetsims/scenery/issues/394 for some details. */ foreignObjectRasterization: function( callback ) { // Scan our drawable tree for Canvases. We'll rasterize them here (to data URLs) so we can replace them later in // the HTML tree (with images) before putting that in the foreignObject. That way, we can actually display // things rendered in Canvas in our rasterization. var canvasUrlMap = {}; function scanForCanvases( drawable ) { if ( drawable.blocks ) { // we're a backbone _.each( drawable.blocks, function( childDrawable ) { scanForCanvases( childDrawable ); } ); } else if ( drawable.firstDrawable && drawable.lastDrawable ) { // we're a block for ( var childDrawable = drawable.firstDrawable; childDrawable !== drawable.lastDrawable; childDrawable = childDrawable.nextDrawable ) { scanForCanvases( childDrawable ); } scanForCanvases( drawable.lastDrawable ); // wasn't hit in our simplified (and safer) loop if ( drawable.domElement && drawable.domElement instanceof window.HTMLCanvasElement ) { canvasUrlMap[ drawable.canvasId ] = drawable.domElement.toDataURL(); } } } scanForCanvases( this._rootBackbone ); // Create a new document, so that we can (1) serialize it to XHTML, and (2) manipulate it independently. // Inspired by http://cburgmer.github.io/rasterizeHTML.js/ var doc = document.implementation.createHTMLDocument( '' ); doc.documentElement.innerHTML = this.domElement.outerHTML; doc.documentElement.setAttribute( 'xmlns', doc.documentElement.namespaceURI ); // Replace each