如何在JavaScript(chrome web browser)中为createCanvas(window.innerWidth,window.innerHeight)重新定义窗口的原点?

时间:2018-05-07 00:43:38

标签: javascript p5.js

我使用p5.js库开始使用javascript,我注意到了这一点: canvas NOT positioned in top left corner

当我创建一个画布时,它位于笛卡尔平面的原点。但原点不在窗口的左上角。实际上,原点(0,0)位于(8,8),左上角位于(-8,-8)。 (也许)你可以看到这个"偏移"运行代码段。

那么如何将原点(0,0)重新定位到左上角?要么 如何将创建的画布重新定位到左上角?

(这种情况发生在Chrome和Edge中,但在Firefox中运行良好。我在Wwindows 10上运行。)

这不起作用:https://github.com/processing/p5.js/wiki/Positioning-your-canvas



{{1}}

{{1}}




1 个答案:

答案 0 :(得分:0)

this相关。要重新定位,您可以尝试为身体设计样式:

html, body
{
    margin: 0px; padding: 0px
}

或为画布指定parent元素并设置样式。