Vector
Draw custom shapes with points and mask images.
How to use
- Place vertices in drawing mode and complete the shape.
- Choose fill/outline and a mask image or image list.
- Set image scale/offsets and inspect the edges.
Things to check
Intersecting edges may create unexpected fills.
Property reference
Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.
29 / 29
arrowColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
arrowSize
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
autoPlay
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
autoPlayInterval
Controls movement speed, duration or delay. Units are shown in the editor control; test timing in presentation mode.
dotColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
dotSize
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
fillColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
flipX
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
flipY
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
gridSize
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
imageNaturalHeight
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
imageNaturalWidth
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
imageOffsetX
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
imageOffsetY
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
imageScale
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
imageSrc
An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.
isClosed
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
isFreehand
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
maskImages
Images cycled through a vector mask; each may contain url, scale, offsetX and offsetY.
opacity
Visibility ratio: 0 is fully transparent and 1 is fully opaque.
points
Shape vertices or path points. Their order determines the path.
preserveAspectRatio
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
rotate
Rotation or angle setting. Check block bounds and overlaps after rotating.
showArrows
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
showDots
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
snapToGrid
Snaps drawing points to the grid; configure with grid size.
strokeColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
strokeWidth
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
viewBox
Reference rectangle for vector coordinates; determines scaling when dimensions change.