javascript - 为什么 Canvas.style 显示块不起作用?
问题描述
我正在使用 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);
}
我正在尝试用没有默认滚动条的地图填充窗口。
解决方案
createCanvas
不是本机 javascript 方法。要创建画布元素,请使用:
function setup(){
canvas = document.createElement("CANVAS");
canvas.style('display', 'block');
// ...
}
要调用createCanvas
,您需要导入p5js库。
推荐阅读
- python - 使用 Python 以编程方式将 DOCX 转换为 HTML
- xcode - 编译 xcode 和 FBSDK 时出错
- javascript - graph-js-sdk-web.js 库未从 CDN 加载
- cypress - 如何在 CircleCI Cypress Orb 中指定节点版本
- ruby-on-rails - 添加类 Ruby on rails 选择标签
- excel - 类模块结构,在不同层次上获得相同的属性
- php - 没有投票时,投票脚本返回 NaN
- javascript - 如何更改函数的输入和输出?
- c# - 如果可用,如何从列表列中删除/替换单词
- c# - 无法绑定我的 Button 以动态创建新选项卡