时间戳

首页 > 解决方案 > p5.j​​s 椭圆和矩形行为

javascript - p5.j​​s 椭圆和矩形行为

问题描述

我对 p5 对待位置的方式说这个感到困惑......

如果我放下：

ellipse(10,10,20);
rect(10, 10, 20, someNumber);

然后形状错位了！为什么！？

标签： javascriptprocessingp5.js

解决方案

椭圆ellipseMode()的对齐方式取决于 ，矩形的对齐方式取决于rectMode()。默认的矩形模式是CORNER，默认的椭圆模式是CENTER。对两种形状使用相同的模式：

function setup() {
    createCanvas(100, 100);
}

function draw() {
    background(255);
    noFill();
    ellipseMode(CENTER);
    rectMode(CENTER);
    ellipse(50, 50, 90);
    rect(50, 50, 90, 90);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.min.js"></script>

推荐阅读