1

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));
}
4

2 に答える 2

1

create canvas を呼び出した後:

function setup() { // この行のコメントを外して、キャンバスをウィンドウのフル サイズにします createCanvas(640, 480); }

ただ使う document.querySelector(".hentry").insertBefore(document.getElementById("defaultCanvas"),document.querySelector(".hentry .post-header"));

それは醜いですが、それかp5.jsを変更するかのどちらかです

于 2015-09-27T07:38:35.480 に答える
1

特定の div 内にキャンバスを配置するには、parent() メソッドを使用できます。 http://p5js.org/reference/#p5.Element/parent

于 2015-09-27T14:34:01.703 に答える