Search Results for "stroke width transform"

Moveable is draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, and snappable. Draggable refers to the ability to drag and move targets. Resizable indicates whether the target's width and height can be increased or decreased. Scalable indicates whether the target's x and y can be scale of transform. Rotatable indicates whether the target can be rotated. Warpable indicates whether the target can be warped (distorted, bented). Pinchable indicates whether the target can be pinched with draggable, resizable, scalable, rotatable. ...

...Add a spinner to your project by copy-pasting HTML from spinkit.css or examples.html. Add the sk-center utility class to the spinner to center it (it sets margin to auto). By default, the width and height of all spinners are set to 40px. background-color is set to #333. Configure the spinner by overwriting the CSS variables, primarily --sk-size (spinner width & height) and --sk-color (spinner color). If you need broader browser support, remove the CSS variables.

This project allows the user to define a grid configuration model for a canvas within an HTML document. The grid configuration allows the user to specify height and width of grid "units". Once the grid configuration is defined, the user can create an draw certain shapes and lines, specifying locations in "units" of where objects should be placed in the canvas. Shapes and lines support configuration themselves for color, stroke width, etc.