bash - Automatic screenshots for shell tutorial -

-

i'm working on small bash tutorial programming course. alternate between explanations commands , images below

lorem ipsum dolor sit amet.. first image

lorem ipsum dolor sit amet... second image

i automatically generate these images given list of commands doing manually tedious. going screenshot cropped image easy part, i'm looking solutions "commands => screenshots" part.

for example, these 2 images generated following "instructions" :

clear ls saveas "img1.png"  clear mkdir example ls saveas "img2.png"

i've looked @ http://ascii.io/docs/about , thinking of using similar technique : python script reading "instructions" , feed them subprocessed shell , calling screenshot utility when needed.

am trying reinvent wheel ? there tool used generate these kind of images ? or simplest way achieve goal ?

imagemagick's import can used capture window images using -window. hide menu, toolbar, tabbar, , scrollbar in terminal before using. use xwininfo(1) window id.

$ import -window 0x145cba2 terminal.png

terminal.png


Comments

Post a Comment

Popular posts from this blog

javascript - Unusual behaviour when drawing lots of images onto a large canvas -

-
in javascript code, download bunch of links of images, , draw them canvas in grid theme. number of links there are, , set width , height of canvas accordingly, there 200 images per row. height based on total number images. problem noticing based on height use, images show on canvas. example, if set height 12 rows, see images, if set on that, no images show up. when setting in 1 row, images show in firefox 23. ie9 , chrome29 shows nothing. does know if there wrong here, or stable way drawing lots of images large canvas? thanks. function onprofilesuccessmethod(sender, args) { alert("request arrived"); var listenumerator, piccount, item, picobj, path, office, ctx, x, y, imageobj; listenumerator = listitems.getenumerator(); piccount = listitems.get_count(); var w = 125; var h = 150; var rl = 200; var canvas = document.createelement('canvas'); canvas.id = "picgallery"; canvas.width = w * rl; canvas....
Read more

how can i manage url using .htaccess in php? -

-
i want manage url of website right showing me www.computermall.co.in/product_details.php?prdid=34 but want www.computermall.co.in/product_details/34 how can it? i have tried this options +followsymlinks -multiviews rewriteengine on rewritebase /computermall # uri-path directly the_request variable rewritecond %{the_request} ^(get|head)\s/(.*)\.php [nc] # strip extension , redirect permanently rewriterule .* /%2 [r=301,l,nc] rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewritecond %{request_uri} !\.php [nc] # map internally original resource rewriterule ^(.*)$ $1.php [l,qsa] try this: rewriteengine on rewriterule ^product_details/prdid/([^/]*)$ /product_details?prdid=$1 [l] edit: removed leading slash
Read more

javascript - Chart.js - setting tooltip z-index -

-
http://jsfiddle.net/gmannib/j2mwpj43/7/ ^ see sample fiddle above. notice how tooltips piechart go underneath "earth" icon have in middle there? there way set z-index property of tooltips above earth icon? thought work? race.tooltip.style.zindex = "5"; i'm still learning...thank kind help! just give higher z-index value canvas , done. see demo . css code canvas#race{position:relative; z-index:1;}
Read more