En 2018, j'ai créé une norme W3C Élément personnalisé <card-t suit=Hearts rank=Queen></card-t>
CardMeister fait no charge SVG, il crée SVG côté client.
Les 52 cartes SVG sont optimisées et contenues dans un seul fichier d'élément personnalisé :
16 KB télécharger dans la version de tricherie.
64 KB à télécharger en version complète, avec piques et cœurs carangues borgnes les cœurs le roi du suicide .
Démonstration de CardMeister : https://cardmeister.github.io/
Github et documentation : https://github.com/cardmeister/cardmeister.github.io
Le seul HTML requis est :
<head>
<script src="elements.cardmeister.full.js"></script>
</head>
<body>
<card-t suit=Hearts rank=Queen></card-t>
</body>
Le SVG est basé sur le générateur de cartes sous licence CC0 d'Adrian Kennard : https://www.me.uk/cards/
Comme le SVG est créé côté client, il existe une multitude d'options pour concevoir des cartes à jouer :
cartes à jouer https://cardmeister.github.io/
Composant Web de carte SVG
0 votes
En réalité, l'aspect du recto des cartes n'a presque rien à voir avec la réalité - on pourrait y mettre un dessin d'enfant. Ce qui est super important, en revanche, c'est que les dos soient exactement identiques au pixel près. Cela ne sera pas facile avec une imprimante domestique, par exemple à cause des problèmes d'alignement.
1 votes
Si vous souhaitez utiliser ces images pour autre chose qu'un projet personnel que vous ne distribuez à personne ou que vous ne mettez pas sur l'internet, vous devrez peut-être aussi vous préoccuper des licences. Vous ne pouvez pas réutiliser librement n'importe quelle image que vous trouvez sur l'internet.