p5画布所覆盖的元素

文章/答案/技术大牛

发布

1回答

javascript、html、p5.js

我正在使用p5创建一个画布，我可以在其中绘制东西，但当我试图在它下面放置文本时，它总是在画布后面。我只能通过在css文件上人工更改宽度和高度来解决我的笔记本电脑上的这个问题。这个修复方法只适用于我的笔记本电脑。我将p5画布元素放在HTML文件中的div中，但是当我在chrome上查看dev工具中的elements选项卡时，它显示div height等于0。我为我的createCa

浏览 8提问于2020-09-22得票数 0

1回答

绘图到p5.图像而不是画布

processing、p5.js

给定加载的png图像作为模板，我希望使用户能够跟踪图像的元素。在p5中，这很简单： // Load image image(img, 0, 0); 覆盖第

浏览 1提问于2016-09-08得票数 1

回答已采纳

1回答

如何将单个p5.js草图渲染到多个Div

javascript、html、css、webgl、p5.js

我尝试在多个div中使用单个p5草图。目前正在使用下面的代码。我尝试过使用类选择器，但它似乎只适用于父方法(例如，不适用于getElementById )。作为另一个变通方法，我也不能让这个p5在body选择器中绘制背景元素。谢谢你的帮助！

浏览 0提问于2021-03-20得票数 0

1回答

如何终止p5草图？

javascript、p5.js

我的问题很简单(大概)。如何终止p5草图？基本上，我的意思是一种方式，按下停止(圆圈按钮与正方形)，但使用代码。我环顾四周，发现了关于noLoop()的东西，但这似乎不是我所需要的。我也看到了关于exit()的一些事情，但这对我来说不管用。我做什么好？

浏览 4提问于2020-07-30得票数 1

回答已采纳

2回答

使用three.js或p5.js在地图mapbox G1上添加3d(2d)对象

three.js、webgl、mapbox、p5.js、mapbox-gl

据我所知，我必须为mapbox G1和p5使用一个画布。但如何做到这一点呢？如果我有p5动画，它会用地图覆盖画布吗？有什么例子或提示吗？谢谢。我的代码，但没什么大不了的var mapGL = new mapboxgl.Map({ container: 'map',

浏览 3提问于2018-02-08得票数 1

1回答

一页两张画布p5.js

javascript、css、canvas、p5.js

我正在尝试将两个画布添加到一个网页中。我想要的是有一个用于移动视图的画布和另一个用于桌面视图的画布。我使用的是p5.js库。<script src="sketches/memoriesMainPage.js" type="text/javascript"

浏览 0提问于2017-05-11得票数 0

2回答

jQuery:如何克隆包含p5画布的div？

javascript、jquery、p5.js

div });在这个div中有一个p5画布： var sketch = function(p) { p.createCanvas(100, 100);p.background(0); }; new p

浏览 1提问于2018-10-22得票数 1

回答已采纳

1回答

我想用p5显示两样东西，一种是2D背景，另一种是3D WebGL前景，两者都是由p5生成的。我注意到的是，即使我在draw()函数中的3D内容之前绘制2D背景，当调用rotateX()或rotateY()时，3D内容仍然会被背景部分覆盖。看起来就像这样：我怀疑所发生的事情是，2d和3d的东西都在同一个z平面上，因此当前景旋转时，其中一些东西就会被背景覆盖，而与覆盖部分相比，背景现在就在前面。所以我

浏览 1提问于2020-03-20得票数 3

回答已采纳

1回答

css无法调整p5画布的大小

javascript、css、canvas、p5.js

我有一个p5画布，它的初始宽度和高度是200px (来自javascript)。但是，我也在javascript中将宽度设置为100%。有没有一种方法可以在p5中创建画布，然后使用css设置画布的宽度和高度属性？javascript： createCanvas(200, 200);function draw() {} 请参阅演示这一点的。

浏览 0提问于2017-03-02得票数 0

1回答

可以创建数百个p5画布吗？

javascript、p5.js

我在做一个神经进化的蛇游戏。我想在屏幕上显示当前这一代的所有个体。然而，这真的让事情变慢了。下面是创建画布的代码。play_game() { new p5(p => { p.createCanvasgame.snake = new Snake([5,5], "#000"); }; });

浏览 0提问于2020-06-23得票数 0

1回答

如何在javascript中停止(no-)拖动？

javascript、canvas、cursor、drag、mousemove

我正在开发一个在线javascript画布(不是HTML5元素，而是一个绘画画布)。当用户开始绘画时，他单击并将鼠标从画布的一侧移动到另一侧。这个画布实际上是一个由一个像素单元组成的表格。当用户按住鼠标移出画布时，Firefox会认为他试图拖动表。它显示一个不可拖动的光标，并且不再触发“onmousemove”，这是绘画所必需的。我尝试使用使用CSS光标，但非拖动光标“覆盖”了正常

浏览 1提问于2011-03-27得票数 0

回答已采纳

1回答

复制函数不识别p5js中另一个画布上的图像

javascript、processing、p5.js

我在试着做“扫射”的效果。当我尝试使用文本函数时，它工作得很好，但是对于一个图像，复制函数给了我一个错误消息。let a1, a2;let dy = 0; p.setup = () => { dy = 0; } e

浏览 1提问于2020-10-29得票数 2

回答已采纳

2回答

离子第三方libs

javascript、ionic-framework、ionic2、phaser-framework、p5.js

我刚接触离子，需要一点帮助：但是，我试图对p5.js、来自的做同样的事情，但无法让它开始工作。

浏览 5提问于2017-10-01得票数 1

3回答

当画布在Flex3中可见时，不允许单击画布下的组件

apache-flex、flex3、canvas、click

我有一个组件(一个画布)，上面有一个单击事件侦听器。但是，有时会有一个不透明的画布覆盖在该组件上。当覆盖的画布可见时，我不希望底层组件可点击。有没有一种方法可以在覆盖画布可见时手动删除单击事件侦听器，并在覆盖画布不可见时重新添加单击事件侦听器？作为附注，足够有趣的是，覆盖画布包含标签元素，并且当覆盖画布

浏览 1提问于2011-05-18得票数 1

1回答

下载/保存画布之前，从p5js中删除背景图像

javascript、html、p5.js

我在p5中有一个作为画布背景的图像。元素绘制在画布背景的顶部。但是，当我保存/下载画布时，我希望所有绘制的元素保持原样，但删除/删除背景图像。任何帮助都将不胜感激。我的代码如下： canvas = createCanvas(width, height); canvas.parent('canvas-wrapper

浏览 5提问于2022-11-25得票数 -1

1回答

如何使用父div属性设置画布宽度/高度

javascript、p5.js

我一直试图在div中设置p5.js画布，并在jekyll post中使用div宽度来控制画布宽度。在标记文件中，我正在构造一个div，我知道它位于帖子的顶部。我试图获得父级的div clientWidth，但是我得到了一些非常奇怪的输出。clear();} resizeCanvas(width,450);当我打印出canvasDiv属性时，我得到了正确的clientWidth在铬检查器中，p5<

浏览 3提问于2016-05-07得票数 4

回答已采纳

1回答

p5js将画布作为表元素插入

javascript、html、canvas

我正在尝试用p5做一个由两部分组成的项目--它将包含一个菜单标签和一个表格中的画布。但看起来p5会自动将画布插入到导入到的文档中，因此会显示在任何html的下方。有没有办法手动绘制画布？

浏览 0提问于2016-03-01得票数 0

1回答

是否可以在绘制后更改p5文本元素的位置？

p5.js

是否可以在绘制p5文本元素后更改该元素的位置，而无需重新绘制整个画布？如果是这样的话，我怎么能做到呢？我试图让文本显示在设置为当前位置的玩家下面，但当他们移动时，我希望它将其位置更改为玩家的位置。我有这个设置的事件，我只是不知道如何改变元素的位置。

浏览 96提问于2021-11-10得票数 1

回答已采纳

1回答

加载后获取(p5)画布元素

javascript、p5.js

我有两个脚本，其中一个在p5画布上有一个动画，在另一个脚本上我对它做了一些操作。</body>脚本B(修订本2) console.log(&qu

浏览 1提问于2020-12-29得票数 3

回答已采纳

1回答

在初始加载后将滚动条添加到画布中

javascript、css、html5-canvas、overflow、p5.js

我使用画布，只需要在必要时添加滚动条。当页面加载时，没有足够的内容供滚动条使用。我正在创建一个二进制搜索树可视化器，用户可以在其中插入节点。，我的理解是，如果确定内容超出了特定的空间，它就允许滚动。同样值得一提的是，我正在使用p5.js库进行可视化。这是通过调用“安装程序”，一旦页面被访问。我在我的项目中的其他地方使用过“溢出:自动”，只要内容最初超过了空间就没有问题。这让我觉得我的第一个想法是我的问题。如果是这样的话，我如何去实现我

浏览 0提问于2021-01-04得票数 1

回答已采纳

点击加载更多