Re: [idea] lighweight inline vector images in CSS and HTML

For purposes of evaluating this proposal, the closest existing mechanism that
I'm aware of is:

>   background-image: url( path: M0,0 L50,100 L100,0z );

background-image: url(data:image/svg,<svg><path d="M0,0 L50,100 L100,0z"/></svg>)

> All "absolute" commands (uppercase ones:  MLHVCSQTA) when given negative
> coordinates use those as offset from right and bottom sides of image box:

Having SVG coordinates adapt to available space isn't satisfactorily possible
to my knowledge, beyond the sense that any image can be stretched to fill
available space (with text and strokes simply stretching with the rest of the
image).

As noted in the papers below, javascript is possible, but hardly satisfactory.

Use of calc, vw/vh units, and coordinate properties would be one
obvious extension (does it already exist?).

The Constraint SVG proposals also spring to mind:

  http://www.csse.monash.edu.au/~clm/2004/07/csvg.html
    (at WWW13, 2004; said to be implemented in Batik),

  https://constraints.cs.washington.edu/web/csvg-www10/
    (at WWW10, 2001)

pjrm.

Received on Sunday, 20 March 2016 07:25:13 UTC