如何在發布限制內插入HTML5畫布？
[英]How can I insert the HTML5 canvas inside the post limits?
問題描述
我正在Blogger中嘗試JavaScript。 有用。 但是我不知道如何重新定位畫布，因為它出現在頁面的底部。 我希望它在“帖子內部”。 你可以看看 我想要畫布內聯，位於帖子標題（Muerte）的正下方。
http://safetyinsolitude.blogspot.mx/p/muerte.html
喜歡，甚至有可能嗎？
另外，對於js部分，我正在使用p5.js。 很簡單，也許我可以在里面放些東西。
HTML代碼：
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.12/p5.js"></script>
<script src="p5/addons/play/lib/p5.play.js" type="text/javascript"></script>
<!--<script language="javascript" src="../addons/p5.sound.js"></script>-->
<script language="javascript" type="text/javascript" src="https://googledrive.com/host/0B6EuBapi745ZOXIycnNGX0s4UHM"></script>
<title>Muerte y seducción</title>
</head>
<body>
</body>
</html>
JS代碼：
function setup() {
// uncomment this line to make the canvas the full size of the window
createCanvas(640, 480);
}
function draw() {
// draw stuff here
fill(random(255), random(255), random(255));
text("Dante mamabergas", mouseX, mouseY);
ellipse(width/2, height/2, random(200), random(200));
}
2 個解決方案
解決方案1
1 2015-09-27 07:38:35
調用create canvas之后：
函數setup（）{//取消注釋此行以使畫布成為窗口的完整大小createCanvas（640，480）; }
只需使用document.querySelector(".hentry").insertBefore(document.getElementById("defaultCanvas"),document.querySelector(".hentry .post-header"));
這很丑陋，但是要么就是改變p5.js
解決方案2
1 已采納 2015-09-27 14:34:01
您可以使用parent（）方法將畫布放置在特定的div中。 http://p5js.org/reference/#p5.Element/parent
如何讓HTML5畫布顯示HTML？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.