免费的 JavaScript 棋盘

发布于 2024-09-15 00:54:44 字数 1491 浏览 8 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

北笙凉宸 2024-09-22 00:54:44

我刚刚发布了 v0.1.0 的 http://chessboardjs.com ,它似乎满足您的所有要求。

它是在 MIT 许可下开源的(即:自由)

I just released http://chessboardjs.com at v0.1.0 and it seems to fit all of your requirements.

It's open source under the MIT license (ie: as in freedom)

白日梦 2024-09-22 00:54:44

你可以检查一下:
htmlchess.sourceforge.net

You can check this:
htmlchess.sourceforge.net

感悟人生的甜 2024-09-22 00:54:44

尝试 pgn4web。它支持 PGN 字符串甚至 Chess960。非常容易定制。

Try pgn4web. It supports PGN strings and even Chess960. Very easy to customize.

余罪 2024-09-22 00:54:44

我即将尝试 jChess,一个看起来很有前途的 jQuery 插件。但是,我不认为用户可以将这些部件移出盒子。

I'm about to try jChess, a jQuery plugin that looks promising. However, I don't think the user can move the pieces out of the box.

阿楠 2024-09-22 00:54:44

这里有一个国际象棋棋盘,绝对能满足您的需求。开箱即用,它具有:

  • 设置分界位置
  • 多个棋盘 设置
  • 移动棋子、移除棋子、添加棋子
  • 不同主题的棋子
  • 翻转棋盘
  • 以及许多其他内容

设置起来很容易(只需执行以下操作):

JavaScript

var ruyLopez = 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R';
var board = new ChessBoard('board', ruyLopez);

HTML

<div id="board" style="width: 400px"></div>

您可以获取

在此处输入图像描述

Here is a chess board which will definitely satisfy your needs. Out of the box it has:

  • set up fen position
  • multiple boards set up
  • moving pieces, removing pieces, adding pieces
  • different themes of pieces
  • flipping the board
  • and a lot of other things

It is easy to set up (just by doing the following):

JavaScript

var ruyLopez = 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R';
var board = new ChessBoard('board', ruyLopez);

HTML

<div id="board" style="width: 400px"></div>

You can get

enter image description here

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文