ใช้ประโยชน์จากการเร่ง GPU ใน Canvas แบบ 2 มิติ
bookmark_borderbookmark
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
แคนวาส 2 มิติใน Chrome ได้รับความรักในการเร่งฮาร์ดแวร์เมื่อเดือนกุมภาพันธ์ การเร่งความเร็วนี้ทำให้การวาดสไปรท์ 2 มิติเป็นไปอย่างรวดเร็วเนื่องจากการใช้งานจะใช้ GPU ในการวาดภาพ
คุณสามารถดูตัวอย่างนี้เพื่อดูลักษณะของการเร่งความเร็ว การสาธิตกำลังวาดสไปรท์ PNG ขนาด 256x256 ที่เปลี่ยนรูปแบบเป็น PNG ขนาด 256x256 บนผืนผ้าใบเต็มหน้าต่าง และทำการจำลองรูปตัว N บนตัวสไปรท์เพื่อทำให้สไปรท์เคลื่อนที่เข้าหากัน ทั้งหมดนี้ทำงานได้อย่างราบรื่นที่ความเร็ว 30 ถึง 60 เฟรมต่อวินาทีบนแล็ปท็อปพลังงานต่ำ
การใช้งานการเร่งความเร็วยังคงยังมีข้อได้เปรียบอยู่บ้าง คุณจึงอาจเห็นประสิทธิภาพที่ลดลงในบางกรณี (โปรดแจ้งให้ทีม Chrome ทราบผ่านทาง new.crbug.com เพื่อให้เราแก้ไขได้)
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2012-07-04 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2012-07-04 UTC"],[],[]]