WarL0ck/tile-art
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Init

Browse Source
This commit is contained in:
WarL0ck
2017-03-23 22:19:48 +07:00
parent af2276a8ac
commit 6ed7d893bf
4 changed files with 553 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
css/svg.css Normal file
View File

@ -0,0 +1,28 @@
.tile {
width: 40px;
height: 56px;
}
.tenbo {
width: 156px;
height: 12px;
}
.face,
.back {
filter: url(#inset-shadow);
}
.face {
fill: #ffffff;
}
.back {
fill: #ffba1e;
}
.rotate {
width: 56px;
height: 56px;
transform: rotate(-90deg) translate(-8px, 0);
}

1
debug.log Normal file
View File

@ -0,0 +1 @@
[0323/221145.795:ERROR:exception_handler_server.cc(524)] ConnectNamedPipe: <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>. (0xE8)

39
example.html Normal file
View File

@ -0,0 +1,39 @@
<html>
<head>
<title>Example SVG mahjong tiles</title>
<link rel="stylesheet" href="css/svg.css">
</head>
<body>
<svg width="0" height="0">
<defs>
<filter id="inset-shadow">
<feoffset dx="0" dy="0"></feoffset>
<fegaussianblur stddeviation="1.5" result="offset-blur"></fegaussianblur>
<fecomposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"></fecomposite>
<feflood flood-color="black" flood-opacity="1" result="color"></feflood>
<fecomposite operator="in" in="color" in2="inverse" result="shadow"></fecomposite>
<fecomposite operator="over" in="shadow" in2="SourceGraphic"></fecomposite>
</filter>
</defs>
</svg>
<svg class="rotate"><use class="face" xlink:href="img/tiles.svg#m1"></use> </svg> &nbsp;
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#m1"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#m9"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#p1"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#p9"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#s1"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#s9"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#tan"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#nan"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#xia"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#pei"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#chun"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#haku"></use> </svg>
<svg class="tile"><use class="face" xlink:href="img/tiles.svg#hatsu"></use> </svg>
<br>
<svg class="tenbo"><use class="face" xlink:href="img/tiles.svg#t100"></use> </svg>
<svg class="tenbo"><use class="face" xlink:href="img/tiles.svg#t1k"></use> </svg>
<svg class="tenbo"><use class="face" xlink:href="img/tiles.svg#t5k"></use> </svg>
<svg class="tenbo"><use class="face" xlink:href="img/tiles.svg#t10k"></use> </svg>
</body>
</html>

485
img/tiles.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 146 KiB