PUBLIC MARKS from Krome with tag svg

url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='5' height='5' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(90)'%3E%3Crect width='100%25' height='100%25' fill='rgba(255, 250, 240,0)'/%3E%3Cpath d='M0 13h 40v5h-40z' fill='rgba(26, 32, 44,1)'/%3E%3Cpath d='M 20 20a 1 1 0 0 0 0 2a 1 1 0 0 0 0-2zM-10-10h 60v 60h-60z' fill='rgba(240, 255, 244,1)'/%3E%3Cpath d='M13 0v40h5v-40z' fill='rgba(26, 32, 44,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ")

A little JavaScript class (without dependencies) to draw and animate SVG path strokes

Bonnes pratiques pour inclure du SVG dans du HTML.

This JavaScript file allows you to enable SVG entities to be draggable via the mouse. Instructions are included in the top of the library file.

Past, Present, and Future of SVG in Mozilla