p5.js |排版 | sheyy()函数

p5.js 中的shearY()函数用于围绕y 轴剪切形状或对象。对象按角度参数指定的量进行剪切。为了使角度正常运行，应在当前的角度模式中指定。对象总是围绕它们与原点的相对位置沿顺时针方向剪切。

句法：

shearY(angle)

参数：此函数接受存储角度值的单个参数角度。

下面的程序说明了 p5.js 中的shearY()函数：

示例 1：此示例使用 sliceY()函数围绕 y 轴剪切对象。

function setup() {
  
    // Create Canvas of given size
    createCanvas(780, 650);
}
  
function draw() {
      
    // Set the background color
    background(220);
      
    // Set fill color
    fill('lightgreen');
      
    // Set stroke width
    strokeWeight(5);
      
    // Set shearY function
    shearY(PI/6);
      
    // Finally Draw the sheared rectangle
    rect(30, 30, 400, 300);
}

输出：

示例 2：此示例使用 sliceY()函数围绕 y 轴剪切对象。

function setup() {
      
    // Create Canvas of given size
    createCanvas(780, 650);
}
  
function draw() {
      
    // Set the background color
    background(220);
      
    // Set fill color
    fill('lightgreen');
      
    // Set stroke width
    strokeWeight(5);
      
    // Set shearY function
    shearY(PI/9);
      
    // Finally Draw the sheared
    // circle of radius 80 
    circle(height/2, width/2, 80);
}

输出：

参考： https://p5js.org/reference/#/p5/shearY