如何解决p5画布不适合屏幕
当创建一个fillwidth p5 cnavas时,我在边缘周围得到了一些奇怪的边框。我该如何摆脱呢?或者更确切地说,是什么可能导致这种问题。
var sketch = function (p) {
with(p) {
p.setup = function() {
createCanvas(window.innerWidth,400);
};
p.draw = function() {
if (mouseIsPressed) {
fill(0);
ellipse(mouseX,mouseY,80,80);
}
};
}
};
let node = document.createElement('div');
window.document.getElementById('p5-container').appendChild(node);
new p5(sketch,node);
body {
background-color: lightgrey;
overflow: hidden;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script>
<div id="p5-container"></div>
<div id="conatiner">
<h1>My Website</h1>
<h2>It is all coming together.</h2>
</div>
可悲的是,它看起来像这样:
included an android:label
on your destinations
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。