为什么 Canvas.style 显示块不起作用？

Question

我正在使用 javascript canvas 进行地图项目，而 canvas.style('display', 'block') 将地图显示为空白。

我尝试在设置画布的函数中设置代码行，并重新组织函数，因为顺序很重要。我尝试在脚本上方的 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);
}

我正在尝试用地图填充窗口，而 chrome 上没有默认滚动条。

Answer 1

createCanvas 不是原生 javascript 方法。要创建画布元素，请使用：

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

要调用createCanvas，您需要导入p5js 库。