2f:T4a4,{ console.log('-----'); const cnvs = document.createElement('canvas'); cnvs.width = 11 * 64; cnvs.height = 128 - 32; const ctx = cnvs.getContext('2d'); ctx.fillStyle = '#333'; ctx.fillRect(0, 0, cnvs.width, cnvs.height); for (let j = 0; j < 1; j++) { for (let i = 0; i < 11; i++) { ctx.fillStyle = '#000'; ctx.fillRect(1 + i * 64, 1 + j * 42, 64, 128 - 32); } } ctx.fillStyle = '#fff'; ctx.font = "128px Iosevka Drom"; [ '0123456789.' ].map((line, i) => { ctx.fillText(line, 0, 95 + i * 42); }); for (let j = 0; j < 1; j++) { for (let i = 0; i < 11; i++) { const letter = []; for (let y = 0; y < 128; y++) { for (let xx = 0; xx < 3; xx++) { let cbyte = 0; for (let x = 0; x < 8; x++) { const c = ctx.getImageData(1 + x + xx * 8 + i * 24, y + 1 + j * 42, 1, 1).data[0] ? 1 : 0; cbyte |= (c << x); } letter.push(cbyte); } } console.log(letter.map(cbyte => '0x' + cbyte.toString(16).padStart(2, '0') ).join(', ') + ', // ' + i.toString(36).toUpperCase()); // } } return cnvs; }30:[] 2d:{"title":"FontoMeter 64x128","cells":[{"id":0,"value":"md`\n# FontoMeter 64x128\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"html`\nfonts\n\n\n\n\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":330,"value":"{\n const svg = html`${onml.stringify(\n onml.gen.svg(900, 256).concat([\n ['text', {\n id: 'TUT',\n x: 16,\n y: 64,\n fill: '#000',\n 'font-family': 'B612 Mono',\n 'font-size': '32px'\n },\n '0123456789ABCDEFGHIJKLMNOPQRST'\n ]\n ])\n )}`;\n let text = document.getElementById('TUT') || svg.children[0];\n const res = [];\n for(let size = 10; size <= 48; size++) {\n text.style.fontSize = size + 'px';\n const {width, height} = text.getBBox();\n res.push({size, width, height});\n }\n console.log(res);\n return svg;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"html`\ncss\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"html`\nAlmost before we knew it, we had left the ground.\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":316,"value":"md`\nOther fonts:\n\n* https://github.com/frisnit/bitmap-OSD-font\n* https://github.com/idispatch/raster-fonts\n* https://github.com/cbm80amiga/RREFont\n* https://github.com/scriptum/UBFG\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":356,"value":"onml = require('onml')","pinned":true,"hidden":false,"mode":"ojs"},{"id":748,"value":"c1 = {\n const font = loadFont(\n \"Iosevka Drom\",\n \"https://vc.drom.io/IosevkaDrom-Regular.woff2\"\n );\n return html`${onml.stringify(getMl('0123456789.'))}`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":751,"value":"getMl = (data) => ['div',\n ['style', `.sat { background: #333; fill: #fff; font-size: 128px; font-family: 'Iosevka Drom'}`],\n ['svg', {class: 'sat', width: data.length * 64, height: 128 - 32},\n ...data.split('').map((letter, idx) => ['text', {x: 64 * idx, y: 128 - 32}, letter])\n ] \n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":745,"value":"loadFont = (name, url) => {\n const font = new FontFace(name, `url(${url})`);\n document.fonts.add(font);\n font.load();\n return font;\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}