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.

Dropdown Control Element Open in Sandbox

Description

This interactive demonstrates the dropdown control element.

Script

/**
* @title Dropdown Control Element
* @description This interactive demonstrates the dropdown control element.
* @tags [elements, input]
*/
import { Interactive, getScriptName } from '../../index.js';
let interactive = new Interactive(getScriptName());
interactive.width = 768;
interactive.height = 500;
interactive.root.style.border = "1px solid grey";
let dropdown = interactive.dropdownControl(20, 60, ["20 px", "50 px", "100 px", "150 px", "200 px"], 0);
let ellipse = interactive.ellipse(400, 250, 100, 100);
ellipse.style.fill = "purple";
ellipse.addDependency(dropdown);
ellipse.update = function () {
    ellipse.ry = +(dropdown.getCurrentSelection().split(" ")[0]);
};
ellipse.update();
//# sourceMappingURL=dropdown-control-element.js.map