Question

我需要能够定义a board game tile like this one在上边缘有一个城市，左边和下边有道路，右边有草的事实。

我该怎么做？从我读过的有关HTML5自定义数据属性的内容来看，它们似乎是一个可行的选择（例如，“data-left ='road'...”），但我希望在收到之前得到更多编码经验的人的确认远远进入该项目。有什么想法吗？

Answer 1

是的，您可以在HTML 5中使用自定义数据属性。只需在前面添加＆＃34;数据 - ＆＃34;例如

<img src="foo.jpg" data-some-arbitrary-attribute="foo" />

Answer 2

你可以使用像toske这样的自定义属性，但我建议你创建一个场景的数据对象模型表示（使用JSON），然后处理这个模型来渲染你的界面。

修改：Here is an example。数据是tiles数组，其中包含表示每个tile的一些对象。我使用了jQuery，但你可以使用你想要的JavaScript库。我建议你学习jQuery，如果你不知道如何使用它。这是一个非常强大而简单的库。

Answer 3

您绝对可以将自定义属性放在HTML5标记中，例如：

    <img left-connection="road" right-connection="railroad"... />

虽然我宁愿建议只用id标记img标签，然后有一个JSON对象将ID映射到连接数据，如：

    <img id="a11" src="..." />

    <script type="text/javascript> 
       var connectivityData = { a11 : { left : 'road',right:'railroad'}}
    </script>

JS - 自定义图像属性

3 个答案: