lexicon-mono-seq-test

lexicon-mono-seq-test

by Ibrahim Tanyalcin

HTML

<script src="https://distreau.com/lexicon-mono-seq/js/lexiconMonoSeq.v0.19.0.js"></script>
<div id="test"></div>

CSS

@font-face {font-family: "Consolas";
		src: url("https://db.onlinewebfonts.com/t/1db29588408eadbd4406aae9238555eb.eot");
		src: url("https://db.onlinewebfonts.com/t/1db29588408eadbd4406aae9238555eb.eot?#iefix") format("embedded-opentype"),
		url("https://db.onlinewebfonts.com/t/1db29588408eadbd4406aae9238555eb.woff2") format("woff2"),
		url("https://db.onlinewebfonts.com/t/1db29588408eadbd4406aae9238555eb.woff") format("woff"),
		url("https://db.onlinewebfonts.com/t/1db29588408eadbd4406aae9238555eb.ttf") format("truetype"),
		url("https://db.onlinewebfonts.com/t/1db29588408eadbd4406aae9238555eb.svg#Consolas") format("svg");
	}
	#test {
		width: 640px;
		height: 480px;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	body {
		margin: 0px;
	}

JavaScript

LexiconMonoSeq(
				"#test",
				{
					duration:0,
					durationPaint:0,
					parallelRendering:4,
					easeResolution:100,
					easePaintResolution:100,
				}
			).async(function(){
				this.painters.forEach(function(d,i){d.nodeLimit = 25;});
				this.displayPadding = 0;
				return this.fetch("https://distreau.com/lexicon-mono-seq/datasets/LexiconMonoSeq.json","json");
			}).then(function(json){
				return this.isFontLoaded(200)
				.then(function(){
					return json;
				});
			}).then(function(json){
				this.update(
					LexiconMonoSeq.createRuler(
						json,
						true
					)
				);
			});