css-doodle

Enhancement

• Add support for group properties.
• Add support for svg text node with content property.

Fixes

• Catch error on creating illegal SVG elements.

0.17.0

Features

• Add a new way to write SVG inside @svg function.

Changes

• Remove contain: content.

Patch

• Fix SVG size in Safari.

Features

• Add experimental @reflect and @offset functions.
• Set aspect-ratio for auto width/height grid.

Changes

• Make @rand function starts from 0.
• Remove unused size presets.
• Remove/add new basic shapes.
• Add points alias for split.
• Set css-doodle element default to be contain: content.

Fixes

• Fix build size to minimal.
• Fix blank canvas issue in shader.
• Catch error while WebGL is disabled.

Enhancement

• Skip HTML tags inside rules.

Fixes

• Don't use random seed for unique ids.

Fixes

• Avoid error while charset is missing.
• Fix error in composition for empty functions.

Features

• Add @path function for responsive path commands used by clip-path.
• Add @rn function for normalize distribution random. (Thanks @Plasmatium).

Fixes

• Fix event binding and grid generation for empty block.

Fixes

• Fix property register for update() method.
• Fix initial time uniform name.

Fixes

• Fix uniform timing function.
• Prevent uniform animation from getting over-written inside.

Features

• Add experimental time uniform via @t.

Fixes

• Fix calc parsing.
• Keep fraction values for degree in @shape() function.
• Use empty string for empty seq() args for preventing side effects.

Enhancement to @shape function

• Add seq() function for shape.
• Prevent empty shape commands.
• Recognize θ symbol.
• Do not evaluate π for compound expressions.

Enhancement to @shape function

• Add support for function composition.

Enhancement to @shape function

• Add support for comments inside @shape function.
• Increase max split to 3600.
• Replace rotate with degree to normalize all commands to nouns.
• Switch the action order of rotate and origin.
• Fix trailing semicolon.

Enhancement to @shape function

• Add frame option for shape, like stroke.

Enhancement to @shape function

• Fix the exponent operator precedence to highest.

Enhancement to @shape function

• Fix cycle direction.
• Add origin commands for @shape.
• Support exponent operator in @shape.

Enhancement to @shape function

• Fix reading undefined variables.
• Handle empty values for shape commands.
• Validate user input fill-rule value.

Enhancement to @shape function

• Add polar equation support.
• Fix calc expand with variables.
• Make the polygon fill rule default to be nonzero.

Fixes

• Fix default shader background size.
• Fix promise not resolving correctly.
• Fix reading shaders from CSS variables.

Enhancement

• Add a :host display style that respects the hidden attribute.