javascript <script> 出现在错误的地方

Question

我有一个 .js 动画，它一直出现在页面的末尾，尽管它位于中间区域。我尝试过不同的地方，但没有任何改变。

<script language="javascript" type="text/javascript" src="sketch.js"></script>

你可以在这里看到http://www.vtxfactory.org/我有一个圆圈可以检查音频播放的幅度：

    var song, analyzer;

    function preload() {

  song = loadSound('sounds/masterflash.mp3');
}

function setup() {
  createCanvas(710, 200);
  song.loop();

  // create a new Amplitude analyzer
  analyzer = new p5.Amplitude();

  // Patch the input to an volume analyzer
  analyzer.setInput(song);
}

function draw() {
  background(255);

  // Get the average (root mean square) amplitude
  var rms = analyzer.getLevel();
  fill(127);
  stroke(0);

  // Draw an ellipse with size based on volume
  ellipse(width/2, height/2, 10+rms*200, 10+rms*200);
}

我怎样才能将它强制到固定位置？

谢谢，锐

Answer 1

这是将 canvas 元素位置固定在屏幕右下角的解决方案。只需将以下样式添加到您的样式表-

canvas { 
    position: fixed; 
    bottom: 0px; 
    right: 0px; 
}

javascript <script> 出现在错误的地方

javascript <script> appearing in the wrong place

html

javascript

css

dreamweaver