image()

วาดภาพลงในผืนผ้าใบ p5.js

ฟังก์ชั่นนี้สามารถใช้ได้กับพารามิเตอร์ต่างกัน การใช้งานที่ง่ายที่สุดต้องใช้พารามิเตอร์เพียงสามอย่าง ได้แก่ img, x และ y-where (x, y) คือตำแหน่งของภาพ คุณสามารถเพิ่มพารามิเตอร์สองตัวเพื่อระบุความกว้างและความสูงของภาพได้

ฟังก์ชั่นนี้สามารถใช้ได้กับพารามิเตอร์จำนวนแปดตัว เพื่อแยกความแตกต่างระหว่างพารามิเตอร์เหล่านี้ p5.js ใช้ภาษาของ "สี่เหลี่ยมผืนผ้าปลายทาง" (ซึ่งตรงกับ "dx", "dy" ฯลฯ ) และ "ภาพต้นฉบับ" (ซึ่งตรงกับ "sx", "sy" ฯลฯ ) ด้านล่าง การระบุมิติข้อมูล "ภาพต้นฉบับ" จะเป็นประโยชน์เมื่อคุณต้องการแสดงส่วนย่อยของภาพต้นฉบับแทนสิ่งที่ทั้งตัว นี่เป็นแผนภาพที่จะอธิบายเพิ่มเติม:

รูปแบบการใช้งาน

image(img,x,y,[width],[height])

image(img,dx,dy,dWidth,dHeight,sx,sy,[sWidth],[sHeight])

พารามิเตอร์

• img p5.Image | p5.Graphics: ภาพที่จะแสดง
• x ตัวเลข: พิกัด x ที่มุมซ้ายบนของภาพ
• y ตัวเลข: พิกัด y ที่มุมซ้ายบนของภาพ
• width ตัวเลข: ความกว้างในการวาดภาพ
• height ตัวเลข: ความสูงในการวาดภาพ
• dx ตัวเลข: พิกัด x ของสี่เหลี่ยมผืนผ้าปลายทางที่จะวาดภาพต้นฉบับ
• dy ตัวเลข: พิกัด y ของสี่เหลี่ยมผืนผ้าปลายทางที่จะวาดภาพต้นฉบับ
• dWidth ตัวเลข: ความกว้างของสี่เหลี่ยมผืนผ้าปลายทาง
• dHeight ตัวเลข: ความสูงของสี่เหลี่ยมผืนผ้าปลายทาง
• sx ตัวเลข: พิกัด x ของส่วนย่อยของภาพต้นฉบับเพื่อวาดลงในสี่เหลี่ยมผืนผ้าปลายทาง
• sy ตัวเลข: พิกัด y ของส่วนย่อยของภาพต้นฉบับเพื่อวาดลงในสี่เหลี่ยมผืนผ้าปลายทาง
• sWidth ตัวเลข: ความกว้างของส่วนย่อยของภาพต้นฉบับเพื่อวาดลงในสี่เหลี่ยมผืนผ้าปลายทาง
• sHeight ตัวเลข: ความสูงของส่วนย่อยของภาพต้นฉบับเพื่อวาดลงในสี่เหลี่ยมผืนผ้าปลายทาง

[1]	This document was generated from p5.js whose source code is available on github.