Skip to content
This repository was archived by the owner on Apr 15, 2024. It is now read-only.
This repository was archived by the owner on Apr 15, 2024. It is now read-only.

WebGL support #16

Open
Open
WebGL support#16
Labels
enhancement
@iBicha

Description

@iBicha
iBicha
opened on May 25, 2018

test.html :

<!DOCTYPE html>
<html>
<body>
<script>
	var DEBUG = true;
	function Render(emojiText, width, height, /*ignored*/sanitize) {
		var canvas = document.getElementById("emojiCanvas") || document.createElement("canvas");

		canvas.id = "emojiCanvas"

		if(DEBUG)
			document.body.appendChild(canvas);

		canvas.width = width;
		canvas.height = height;

		var ctx = canvas.getContext("2d");
		ctx.textAlign = "center";
		ctx.textBaseline = "middle"
		ctx.font = "256px sans-serif";

		var size = canvas.width;
		var scaleFactor = size / ctx.measureText(emojiText).width;

		ctx.translate(size/2, size/2);
		ctx.scale(scaleFactor, scaleFactor);
		ctx.translate(-size/2, -size/2);

		ctx.fillText(emojiText, size/2, size/2);

		return ctx.getImageData(0, 0, width, height).data;
	}
	
	function DoRender() {
		var emojiText = "👨‍🌾";
		var size = 64;
		Render(emojiText, size, size);
	}

	DoRender()
</script>
</body>
</html>

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancement

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions