ฉันต้องการตัดพื้นที่ใน fillRect เพื่อใช้ของฉัน สิ่งนี้ถูกใช้เมื่อฉันเรียนรู้วิธีการทำคลิป
แต่ฉันไม่สามารถรับบริเวณหัวเข็มขัดได้รหัสดังนี้
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <title></title> </head> <body> <canvas id=canvas width=800 height=600></canvas> < /body> <script type=text/javascript> var canvas = document.getElementById(canvas); var context = canvas.getContext(2d); context.fillStyle = สีเขียวอ่อน; context.fillRect(0, 0, canvas.width, canvas.height); context.fillRect(100, 100, 200, 100); context.closePath(); fillStyle = lightblue; context.fillRect(0, 0, canvas.width, canvas.height); </script> </html>
ฉันพบว่าถ้าคุณต้องการตัดเส้นทางใหม่ คุณควรใช้วิธีการเช่น ตรง และ ส่วนโค้ง
ควรเปลี่ยนทั้งหมดเป็น
context.beginPath(); บริบท.rect(100, 100, 200, 100);
ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network