基於變量在JavaScript中創建畫布（使用p5.js）

我想繪製一個基於變量的簡單畫布。基於變量在JavaScript中創建畫布（使用p5.js）

它的工作原理是這樣的：

function setup() { 
    createCanvas(600, 600); 
    background(50); 
}

爲什麼不是工作？（小帆布，絕對不是600x600顯示）：

var height = 600; 
var width = 600; 

function setup() { 
    createCanvas(height, width); 
    background(50) 
}

我感謝任何幫助！

來源

2017-01-30 Hannes .T

你什麼時候調用'setup（）'。你怎麼知道它不起作用？你有錯誤嗎？什麼是錯誤？ – Ibu

@lbu它只是繪製一個小畫布...（絕對低於600x600） –

@Ibu與P5.js庫設置自動調用 – Pepe

它不工作，因爲height和width是內置的p5變量名稱。嘗試將它們重命名爲其他內容。

var a = 600; 
var b = 600; 

function setup() { 
    createCanvas(a, b); 
    background(50) 
}

如果您正在尋找使畫布窗口的大小，你應該使用windowWidth和windowHeight。

function setup() { 
    createCanvas(windowWidth, windowHeight); 
}

要調整畫布設置之後，你應該做這樣的事情：

var c; 

function setup() { 
    c = createCanvas(windowWidth-20, windowHeight-20); 
} 

function draw() { 
    background(30); 
} 

function mousePressed() { 
    c.size(windowWidth-20, windowHeight-20); 
    console.log(width + " " + height); 
}

來源

2017-01-30 20:05:59 Pepe

從我已經學會了p5.js圖書館，我相信width和height變量是專用於由createCanvas()創建的畫布並且是系統變量，重命名這些變量很可能會解決問題。

來源

2017-01-30 20:38:45 Dreamer

基於變量在JavaScript中創建畫布（使用p5.js）

回答

相關問題