javascript - 为什么 Canvas.style Display block 不起作用？

Question

我正在使用 javascript canvas 处理 map 元素，canvas.style('display', 'block') 将 map 显示为空白。

我尝试在设置 Canvas 的函数中设置代码行，并尝试重新组织函数，因为顺序很重要。我试过在脚本上方的 css 部分设置样式。

let myMap;
let canvas;
const mappa = new Mappa('Leaflet');
const options = {
    lat: 39.810,
    lng: -98.555,
    zoom: 5,
    style: "http://{s}.tile.osm.org/{z}/{x}/{y}.png"
}
function setup(){
    canvas = createCanvas(windowWidth, windowHeight);
    canvas.style('display', 'block');
    myMap = mappa.tileMap(options);
    myMap.overlay(canvas);
}

我试图用 map 填充窗口，但没有 chrome 上的默认滚动条。

Answer 1

createCanvas 不是 native javascript 方法。要创建 Canvas 元素，请使用:

function setup(){
    canvas = document.createElement("CANVAS");
    canvas.style('display', 'block');
    // ...
}

要调用createCanvas，您需要导入p5js图书馆。