牌を表示する文字列生成

麻雀牌テキスト作成

テキストエリアに表示される文字列を自分のブログに張り付けると麻雀牌が表示されます。 一部のAndroid端末では麻雀牌が表示されない場合があります。フォントはGutenberg Laboのものを使用しています。

表示例

表示箇所のhtml

<div class='mahjong-tile'>11122233344455</div>

ドラ

<span class='dora'><span class='dora-text'>1</span></span>

赤牌

<span class='redh'>b</span>

ドラ赤牌

<span class='dorared redh'><span class='redh'>gbt</span></span>

通常