2017-05-04 7 views
-2

중간 영역에 배치되었지만 페이지 끝 부분에 계속 나타나는 .js 애니메이션이 있습니다. 나는 변화가없는 다른 장소에서 시도했다.javascript <script>이 잘못된 위치에 표시됩니다.

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

가 어떻게 그것을 강제 할 수 있습니까?

감사합니다, 루이

+0

애니메이션 코드와 함께 더 자세한 정보를 제공해주십시오. 위의 질문은 매우 모호하며 이해 관계가없는 곳에서 코드를 제공하지 않으면 이해할 수 없습니다. –

+0

내 게시물이 업데이트되었습니다. –

+0

스타일'position : fixed;을 간단히 추가 할 수 있습니다. 하단 : 0 픽셀; 오른쪽 : 0px; 이게 니가 필요한거야? –

답변

1

다음은 화면의 오른쪽 하단에 고정하여 canvas 요소의 위치를 ​​얻을 수있는 솔루션입니다. 스타일 시트에 다음 스타일을 추가하십시오.

canvas { 
    position: fixed; 
    bottom: 0px; 
    right: 0px; 
} 
관련 문제