nl_tokens: create a canvas with the image / colordata preview
pl_tokens: function show ( pixels , title ) { if ( typeof pixels === 'string' ) { var img = createImage ( pixels ) ; img . style . height = '40px' ; img . style . width = '100%' ; title && img . setAttribute ( 'title' , title ) ; document . body . appendChild ( img ) ; return ; } var canvas = document . createElement ( 'canvas' ) ; var w = ( pixels . length / 4 ) | 0 ; canvas . width = w ; canvas . height = 1 ; canvas . style . height = '40px' ; canvas . style . width = '100%' ; var ctx = canvas . getContext ( '2d' ) ; var imageData = ctx . createImageData ( w , 1 ) ; imageData . data . set ( pixels ) ; ctx . putImageData ( imageData , 0 , 0 ) ; title && canvas . setAttribute ( 'title' , title ) ; document . body . appendChild ( canvas ) ; <mask> . body . appendChild ( document . createElement ( 'br' ) ) ; }