Text block style

Demo:

011 style schema

This is a simplified schema of a 011 style element:

{
    "type": "text",
    "style": "011",
    "text": "",
    "settings": {}
}

Check the full specification of the Style schema in the API documentation.

Settings property for 011

This text style has the following default properties in the settings field:

Object property

Default value

vertical-position

"center"

horizontal-position

"center"

font-size

"4vw"

font-family

"Inter"

font-weight

"400"

text-align

"center"

color

"#FFFFFF"

background-color

"#000000"

Usage examples

Check the following examples of 011:

{
    "width": 640,
    "height": 360,
    "quality": "high",
    "draft": false,
    "scenes": [
        {
            "background-color": "#6495ed",
            "elements": [
                {
                    "type": "text",
                    "style": "011",
                    "text": "The hills are alive with the sound of music with songs they have sung for a thousand years",
                    "settings": {
                        "font-size": "6vw",
                        "font-family": "Inter",
                        "font-weight": "700",
                        "text-align": "left"
                    },
                    "width": 450,
                    "x": 50
                }
            ],
            "duration": 5
        }
    ]
}

require 'vendor/autoload.php';

use JSON2Video\Movie;
use JSON2Video\Scene;

// Create and initialize the movie object
$movie = new Movie;
$movie->setAPIKey(YOUR_API_KEY);
$movie->width = 640;
$movie->height = 360;
$movie->quality = 'high';
$movie->draft = false;

// Create the scenes of the movie

// Create SCENE 1
$scene1 = new Scene;
$scene1->background-color = '#6495ed';
$scene1->addElement([
'text',
'011',
'The hills are alive with the sound of music with songs they have sung for a thousand years',
	[
'6vw',
'Inter',
'700',
'left'
	],
450,
50
]);
$scene1->duration = 5;
$movie->addScene($scene1);

// Finally, render the movie
$movie->render();

// Wait for the movie to be rendered
$movie->waitToFinish();

let movie = new Movie;
movie.setAPIKey(YOUR_API_KEY);
movie.set("width", 640);
movie.set("height", 360);
movie.set("quality", "high");
movie.set("draft", false);

// Create the scenes of the movie

// Create SCENE 1
let scene1 = new Scene;
scene1.set("background-color", "#6495ed");
scene1.addElement([
"text",
"011",
"The hills are alive with the sound of music with songs they have sung for a thousand years",
	[
"6vw",
"Inter",
"700",
"left"
	],
450,
50
]);
scene1.set("duration", 5);
movie.addScene(scene1);

// Finally, render the movie
movie.render();

// Wait for the movie to be rendered
movie.waitToFinish();

Text block style

← Documentation

Text styles

Component packs

Text block style

011 style schema

Settings property for 011

Usage examples

Example 1