Designful Launch editor

Shape Stroke Dash & Shadow Opacity

All Tags /ObjectsShapesStyle

Overview

Use strokeDashArray to render dashed strokes and shadowOpacity to control shadow intensity on shapes. Dash arrays are applied when style.dash is not provided.

API

editor.updateObjectProperty(shapeId, 'style.stroke', '#111827')
editor.updateObjectProperty(shapeId, 'style.strokeWidth', 2)
editor.updateObjectProperty(shapeId, 'style.strokeDashArray', [6, 3])

editor.updateObjectProperty(shapeId, 'style.shadowColor', 'rgba(0,0,0,0.35)')
editor.updateObjectProperty(shapeId, 'style.shadowOpacity', 0.6)
editor.updateObjectProperty(shapeId, 'style.shadowBlur', 12)
editor.updateObjectProperty(shapeId, 'style.shadowOffset', { x: 4, y: 6 })

Notes

  • shadowOpacity accepts values between 0 and 1.
  • A shadow becomes visible when blur or offset is non-zero.
  • strokeDashArray is ignored if style.dash is already set.