この問題の解決策が見つかりません:playN-gameをhtml-iframeで表示したい:
<iframe src="../playn-showcase-html/Showcase.html"
width="640" height="480" name="Showcase" scrolling="no" marginwidth="0px" marginheigth="0px" frameborder="0" align="top">
</iframe>
ボーダーなしで埋め込みたいです。しかし、下の画像でわかるように、私が持ちたくないiframeの上に15pxの黒い「長方形」があります。
見えるのはShowcase.html(黒)の背景です。
Mozilla Firebugで見ることができるように、黒い「長方形」はbody要素の一部です。キャンバスオブジェクトは、上部の15px下にあります。
どうすればcanvas-objectが上から始まるようにコードを変更できますか?
以下はShowcase.htmlのコードです。
<!DOCTYPE html>
<html>
<head>
<title>PlayN Showcase</title>
<style>
@font-face {
font-family: "Museo";
src: url(showcase/text/Museo.ttf);
}
</style>
</head>
<body bgcolor="black">
<script src="showcase/showcase.nocache.js"></script>
</body>
</html>