var page = require('webpage').create(); var w = 16; var h = 16; var con = console; //viewportSize being the actual size of the headless browser page.viewportSize = { width: w, height: h }; //the clipRect is the portion of the page you are taking a screenshot of page.clipRect = { top: 0, left: 0, width: w, height: h }; page.content = '

'; var chars = [ // numbers "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", // latin "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", // special chars "!", "#", "$", "%", "&", "(", ")", "*", "+", ",", "-", ".", "/", ":", ";", "<", "=", ">", "?", "@", '"', "'", // german "Ä", "Ö", "Ü", "ß", // cyrillic "А", "Б", "В", "Г", "Д", "Е", "Ё", "Ж", "З", "И", "Й", "К", "Л", "М", "Н", "О", "П", "Р", "С", "Т", "У", "Ф", "Х", "Ц", "Ч", "Ш", "Щ", "Ъ", "Ы", "Ь", "Э", "Ю", "Я", // greek "Α", "Β", "Γ", "Δ", "Ε", "Ζ", "Η", "Θ", "Ι", "Κ", "Λ", "Μ", "Ν", "Ξ", "Ο", "Π", "Ρ", "Σ", "Τ", "Υ", "Φ", "Χ", "Ψ", "Ω", // "猫" , // neko ]; function encode_utf8(s) { return unescape(encodeURIComponent(s)); } function decode_utf8(s) { return decodeURIComponent(escape(s)); } function pad(n, width, z) { z = z || '0'; n = n + ''; return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n; } page.evaluate(function () { var chEl = document.getElementById('character'); document.body.style.backgroundColor = 'white'; document.body.style.margin = '0px'; chEl.style.fontSize = '12px'; // 16 // chEl.style.fontSize = '24px'; // 32 // chEl.style.fontSize = '48px'; // 64 chEl.style.fontWeight = 'bold'; chEl.style.marginTop = '1px'; // 16 // chEl.style.marginTop = '2px'; // 32 // chEl.style.marginTop = '4px'; // 64 chEl.style.textAlign = 'center'; }); page.render('textures/ehlphabet_000.png'); chars.forEach(function (ch) { var file; page.evaluate(function (ch) { var chEl = document.getElementById('character'); chEl.innerText = ch; }, ch); ch = encode_utf8(ch); if (ch.length > 1) { file = pad(ch.charCodeAt(0), 3) + '_' + pad(ch.charCodeAt(1), 3); } else { file = pad(ch.charCodeAt(0), 3); } page.render('textures/ehlphabet_' + file + '.png'); }); console.log('done'); phantom.exit();