Documentation
SPHPlayground manual
sphplayground
sphplayground

HTML media objects

HTML Images

A Figure component consists of an Img component and an optional FigCaption component.

A Figure component specifies a self-contained content. While its content is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document.

A tree

HTML <picture> tag

The Picture class is a flexibile way of specifying image resources. It implements the <picture> tag.

Usage: Instead of having one image that is scaled up or down based on the viewport width, multiple images can be used to more nicely fill the browser viewport.

HTML Imagemap components

A Map object is a container for Area components

https://en.wikipedia.org/wiki/Circlehttps://en.wikipedia.org/wiki/RectangleBasic shapes

SVG Images

The Svg implements HTML <svg> tag.

Original image Modified image