@pencil.js/text v1.18.0

Text

Text writing.

Installation

npm install @pencil.js/text

Examples

import Text from "@pencil.js/text";

const position = [100, 200];
const options = {
    font: "comic-sans",
    fontSize: 42
};
const message = new Text(position, "Hellow 😺", options);

// Change the text
message.text = "Henlo 🐶";

// Can be use to preload a bunch of fonts
Text.load([url1, url2, url3]).then(() => {
    console.log("Fonts ready");
});

Be aware this example overrides Javascript's Text global. Prefer another name for the import if you have collision.

import PText from "@pencil.js/text";

TextOptions

Inherit from ComponentOptions.