设置并使用canvas标签绘制

Question

在使用Canvas标签时，如何使用功能DataFrame和mFusedLocationClient.getLastLocation()进行所有操作？

因为当我尝试在显示画布标签的同时设置画布时，它只会创建第二个画布。

Answer 1

如果我正确理解了您的问题，则您尝试将P5.js与页面上的现有canvas元素一起使用，而不是使用createCanvas()函数创建一个新的画布元素。

我不知道这样做的方法，但是您可以使用parent()函数放置由P5.js创建的画布。您可以在P5.dom reference或the wiki中阅读更多信息，这是一个简单的示例：

在您的HTML中，您将具有以下内容：

<div id='myContainer'></div>

然后您可以使用parent()函数将画布插入该div：

function setup() {
  var myCanvas = createCanvas(600, 400);
  myCanvas.parent('myContainer');
}

请注意，除了P5.js之外，这还需要P5.dom库。 P5.dom还包括用于处理CSS和样式的功能。