我大约一年前在silverlight中创建了一个纸牌游戏,以便了解一下Silverlight.

我现在想制作一个HTML5版本的游戏,以便更多地了解它.

我想我想利用像Knockout.js和WebSockets以及canvas元素这样的东西.

现在我很困惑的是如何在屏幕上布局卡片.

使用Silverlight,我能够制作一个“手”控制,它由两个子控制组成 – 玩家手中的牌和他们桌上的牌.而他们又由卡片控件组成.

现在我不相信javascript中的用户控件有这个概念.所以我可能完全以错误的方式思考这个问题.

所以我的问题是 – 我怎么能在桌子上摆放一些卡片,也许可以为每个玩家重复使用某些东西？

我有一个名为game的客户端JSON对象,其中包含一系列玩家.每个玩家都有一只手,由一系列手中的牌和桌上牌组成.理想情况下,我想将这些绑定到使用Knockout.js的东西 – 但我不知道我可以绑定到什么.

我会简单地将图像(卡片)放在画布上吗？有没有办法制作某种Hand对象,每个玩家可以拥有并且我可以绑定？

有什么建议？或者你在其他地方见过的示例代码？

最佳答案 画布中没有诸如XAML或DOM之类的视图构造.使用画布,您可以使用真正基本的功能绘制线条,填充,图像等.您将需要一个画布库来查找或更可能构建您提到的控件类型.有关可能的画布库候选,请参见
Processing.js.