p5.j​​s相对于画布的输入位置

Question

这就是我所拥有的：

function setup() {
  var cnv = createCanvas(960,540);
  cnv.parent("sketchHolder");
  background('white');

  var input = createInput();
  input.position(10,10);
  input.parent("sketchHolder");
}

我有一个名为“sketchHolder”的div，以css为中心。我正在尝试相对于画布创建输入位置，但它位于画布外部的整个网页上。有什么建议吗？

Answer 1

function setup() {
  var cnv = createCanvas(960, 540);
  cnv.parent("sketchHolder");
  background("blue");

  var input = createInput();
  input.position(10, 10);
  input.parent("sketchHolder");
}

#sketchHolder {
  width: 960px;
  height: 540px;
  margin: 0 auto;
  position: relative;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>

<div id="sketchHolder"></div>

Codepen link

Answer 2

我遇到了这个问题，此javascript起作用了：

var element = document.getElementsByClassName('canvasjs-chart-canvas')[0];
element.style.removeProperty("position");