刽子手图像的概念

Question

我只是意识到一个用户可以玩流行游戏的小型Web-Hangman。

现在我想知道，我如何设计刽子手本身的形象。

不应在游戏中重新加载页面。

我考虑过这些技巧：

• 图片（通过JS更改，流量很大）
• SVG-Graphics（一旦加载，通过JS操作）
• Flash（知识渊博）
• Silverlight（知识渊博）
• HTML 5（反向兼容性差）

最佳做法是什么？有没有其他方法可以这样做？

感谢您的投入！

编辑：我正在使用PHP和JavaScript对网站的其余部分进行编程。

Answer 1

我倾向于使用SVG或HTML5创建它。浏览器正在改进，移动设备正在上升。

SVG：

<!-- HTML -->
<svg>
    <polygon id="item1"/>
    <polyline id="item2"/>
</svg>

然后使用JavaScript切换项目的可见性。

使用HTML5的替代方案可能涉及画布绘图，这看起来也很简单。你可以制作一组这样的函数：

// JS
function draw1() { // Draw something
}
function draw2() { // Draw something
}

结合：

// JS
var errorCount = 0;
function onFalseGuess() {
    errorCount++;
    window["draw" + errorCount]();
}

希望这有用:-)祝你好运！