Skip to content

Latest commit

 

History

History
97 lines (82 loc) · 1.58 KB

TODO.md

File metadata and controls

97 lines (82 loc) · 1.58 KB

TODO

Other features

  • Points on path and path length.
  • Check if all path function exists as browser API and use it when possible.
  • If 2 shapes/paths intersect
  • If shape inside viewport
  • Union, intersection, etc.
  • Check if point inside path.
  • Convert simple shape to path
  • SVG in canvas
  • Check if start and flower are minified correctly

Path Transforms

  • Add skew, skewX, skewY, scaleX, scaleY

Docs

  • In node.js example, set the correct import path.
  • Add more interactive examples.

Path Minification

  • combine numbers that start with dots .7.8.9

Container objects:

  • marker

Gradient

  • linearGradient
  • stop
  • radialGradient

HTML

  • a
  • foreignObject
  • style
  • script
  • view
  • image

Metadata

  • desc
  • title — the SVG accessible name element
  • metadata

Filters

  • filter
  • feBlend
  • feColorMatrix
  • feComponentTransfer
  • feComposite
  • feConvolveMatrix
  • feDiffuseLighting
  • feDisplacementMap
  • feDistantLight
  • feDropShadow
  • feFlood
  • feFuncA
  • feFuncB
  • feFuncG
  • feFuncR
  • feGaussianBlur
  • feImage
  • feMerge
  • feMergeNode
  • feMorphology
  • feOffset
  • fePointLight
  • feSpecularLighting
  • feSpotLight
  • feTile
  • feTurbulence

Text

  • text
  • textPath
  • tspan
  • switch

Animation

  • set

Performance

IO

  • Save file as PNG / JPG in Node.js
  • Other image formats?

More shapes

  • Primitives as paths (triangle, rect, etc.)
  • Heart shapes
  • Flag shape
  • Simple helper for polygons like triangle, rhombus, hexagon
  • Rect around dot
  • Arrow shapes
  • Functions like parabola or wave