@noe_rls/cm-chessboard
Version:
A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.
32 lines (31 loc) • 934 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>cm-chessboard</title>
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
<link rel="stylesheet" href="styles/examples.css"/>
<link rel="stylesheet" href="../assets/styles/cm-chessboard.css"/>
</head>
<body>
<h1><a href="../">cm-chessboard</a></h1>
<h2>Example: Responsive chessboard with an aspect ratio of 0.9</h2>
<div id="board"></div>
<pre>
new Chessboard(document.getElementById("board"), {
position: "start",
style: {aspectRatio: 0.9}
})
</pre>
<script type="module">
import {Chessboard} from "../src/cm-chessboard/Chessboard.js"
new Chessboard(document.getElementById("board"), {
position: "start",
sprite: {url: "../assets/images/chessboard-sprite-staunty.svg"},
style: {
aspectRatio: 0.9
}
})
</script>
</body>
</html>