paifu/views/tiles_svg.pug
2018-01-05 19:11:21 +07:00

38 lines
1.7 KiB
Plaintext

doctype html
html
head
title Example SVG mahjong tiles
link(rel='stylesheet', href='/css/svg.css')
body
svg(width="0" height="0")
defs
filter#inset-shadow
feOffset(dx="0" dy="0")
feGaussianBlur(stdDeviation="1.5" result="offset-blur")
feComposite(operator="out" in="SourceGraphic" in2="offset-blur" result="inverse")
feFlood(flood-color="black" flood-opacity="1" result="color")
feComposite(operator="in" in="color" in2="inverse" result="shadow")
feComposite(operator="over" in="shadow" in2="SourceGraphic")
svg.rotate: use.face(xlink:href="/img/tiles.svg#m1")
|  
svg.tile: use.face(xlink:href="/img/tiles.svg#m1")
svg.tile: use.face(xlink:href="/img/tiles.svg#m9")
svg.tile: use.face(xlink:href="/img/tiles.svg#p1")
svg.tile: use.face(xlink:href="/img/tiles.svg#p9")
svg.tile: use.face(xlink:href="/img/tiles.svg#s1")
svg.tile: use.face(xlink:href="/img/tiles.svg#s9")
svg.tile: use.face(xlink:href="/img/tiles.svg#tan")
svg.tile: use.face(xlink:href="/img/tiles.svg#nan")
svg.tile: use.face(xlink:href="/img/tiles.svg#xia")
svg.tile: use.face(xlink:href="/img/tiles.svg#pei")
svg.tile: use.face(xlink:href="/img/tiles.svg#chun")
svg.tile: use.face(xlink:href="/img/tiles.svg#haku")
svg.tile: use.face(xlink:href="/img/tiles.svg#hatsu")
br
svg.tenbo: use.face(xlink:href="/img/tiles.svg#t100")
svg.tenbo: use.face(xlink:href="/img/tiles.svg#t1k")
svg.tenbo: use.face(xlink:href="/img/tiles.svg#t5k")
svg.tenbo: use.face(xlink:href="/img/tiles.svg#t10k")
br
svg.down: use(xlink:href="/img/tiles.svg#down")