Html 发布 Iframe,Canvas
Html issue Iframe,Canvas
我使用这个游戏引擎 pico8,你可以导出游戏的 html 版本。我把它放在我的网站上,但现在我网站上的所有其他 iframe 都不再按应有的方式工作,我猜 pico8 的代码搞砸了,但我不够熟练,无法弄清楚我必须更改什么来修复它。我猜这是导致问题的代码(canvas 过度使用 iframe 或其他东西?):
<STYLE TYPE="text/css">
canvas#canvas { width: 512px; height: 412px; }
canvas{
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
border: 0px
}
</STYLE>
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var Module = {};
Module.canvas = canvas;
</script>
<script async type="text/javascript" src="mywikinggame.js"></script>
<script>
function onKeyDown_blocker(event) {
event = event || window.event;
var o = document.activeElement;
if (!o || o == document.body || o.tagName == "canvas")
{
if ([32, 37, 38, 39, 40].indexOf(event.keyCode) > -1)
{
if (event.preventDefault) event.preventDefault();
}
}
}
document.addEventListener('keydown', onKeyDown_blocker, false);
</script>
</div></center>
我不知道为什么,但我睡了一晚,现在可以用了<:P
我使用这个游戏引擎 pico8,你可以导出游戏的 html 版本。我把它放在我的网站上,但现在我网站上的所有其他 iframe 都不再按应有的方式工作,我猜 pico8 的代码搞砸了,但我不够熟练,无法弄清楚我必须更改什么来修复它。我猜这是导致问题的代码(canvas 过度使用 iframe 或其他东西?):
<STYLE TYPE="text/css">
canvas#canvas { width: 512px; height: 412px; }
canvas{
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
border: 0px
}
</STYLE>
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var Module = {};
Module.canvas = canvas;
</script>
<script async type="text/javascript" src="mywikinggame.js"></script>
<script>
function onKeyDown_blocker(event) {
event = event || window.event;
var o = document.activeElement;
if (!o || o == document.body || o.tagName == "canvas")
{
if ([32, 37, 38, 39, 40].indexOf(event.keyCode) > -1)
{
if (event.preventDefault) event.preventDefault();
}
}
}
document.addEventListener('keydown', onKeyDown_blocker, false);
</script>
</div></center>
我不知道为什么,但我睡了一晚,现在可以用了<:P