Vector.js

Vector is an open source javascript library for creating interactive graphics. View the repository, browse the API, run the tests, or meet the team.

Triangle Open in Sandbox

Description

This interactive demonstrates an angle formed by three points.

Script

/**
* @title Triangle
* @description This interactive demonstrates an angle formed by three points.
* @tags [math]
*/
// import Interactive from 'https://unpkg.com/@interactive-svg/library/dist/Interactive.js';
import { Interactive, getScriptName } from '../../index.js';
// Initialize the interactive
let interactive = new Interactive(getScriptName());
interactive.border = true;
// Create three control points
let p1 = interactive.control(250, 200);
let p2 = interactive.control(300, 100);
let p3 = interactive.control(350, 200);
// Draw three lines between them
addLineBetweenPoints(p1, p2);
addLineBetweenPoints(p2, p3);
addLineBetweenPoints(p3, p1);
// Draws a line between two points
function addLineBetweenPoints(point1, point2) {
    let line = interactive.line(0, 0, 0, 0);
    line.addDependency(point1);
    line.addDependency(point2);
    line.update = function () {
        this.x1 = point1.x;
        this.y1 = point1.y;
        this.x2 = point2.x;
        this.y2 = point2.y;
    };
    line.update();
    return line;
}
//# sourceMappingURL=triangle.js.map