Javascript p5.js相对于画布的输入位置

Javascript p5.js相对于画布的输入位置,javascript,html,css,canvas,p5.js,Javascript,Html,Css,Canvas,P5.js,以下是我所拥有的: 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为中心。我试图使输入位置相对

以下是我所拥有的:

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为中心。我试图使输入位置相对于画布,但它被定位在整个网页的画布上以外。有什么建议吗?

函数设置(){
var cnv=createCanvas(960540);
cnv.母公司(“草图持有人”);
背景(“蓝色”);
var input=createInput();
输入。位置(10,10);
输入。母公司(“草图持有人”);
}
#sketchHolder{
宽度:960px;
高度:540px;
保证金:0自动;
位置:相对位置;
}

我遇到了这个问题,这个javascript工作正常:

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

你不能获取画布的位置并设置输入相对于画布的位置吗?当浏览器调整大小时,输入的位置会改变。你是否尝试过用谷歌搜索如何使用CSS指定元素相对于另一个元素的位置?我不知道这是可能的。我会调查的,谢谢。但是如果有人知道如何相对于画布定位,我觉得这是一个更干净的解决方案。这正是我的建议。您可以使用CSS来实现这一点。我猜这就是
input.position()
函数在幕后所做的。