Additional TopicsCanvas vs. CSS3 tr

Additional Topics
Canvas vs. CSS3 transitions and animations
In addition to the canvas, the HTML5 specification has also introduced two exciting additions to the CSS3 specification—Transitions and Animations.
Transitions enable developers to create simple animations that can change DOM element styles over a defined period of time. For example, if you mouse over a button and you want
it to gradually fade to a different color within one second, you could use a CSS3 transition.
Animations enable developers to create more complex animations by defining specified key frames which can be thought of as a series of linked transitions. For example, if you wanted to animate a DIV element by moving it up, then left, then down, then back to its original position, you could use a CSS3 animation and define a key frame for each point along the path.
So, here's where people get hung up. When should you use canvas and when should you use CSS3 for animations? If you're a seasoned developer, I'm sure you know that the correct answer is "it depends". As a general rule of thumb, it's good practice to use CSS3 transitions and animations if you're animating DOM nodes, or if the animations are simple and well defined. If, on the other hand, you're animating something more complex such as a physics simulator or an online game, it would probably make more sense to use canvas.
This

ผลลัพธ์ (ไทย) 1:

หัวข้อเพิ่มเติม
เปลี่ยนผ้าเทียบกับ CSS3 และภาพเคลื่อนไหว
นอกจากผืนผ้าใบ ข้อมูลจำเพาะเกี่ยวกับ HTML5 ยังได้แนะนำเพิ่มสองตื่นเต้นกับข้อมูลจำเพาะเกี่ยวกับ CSS3 — ช่วงการเปลี่ยนภาพและภาพเคลื่อนไหว
เปลี่ยนให้นักพัฒนาสามารถสร้างภาพเคลื่อนไหวแบบง่ายที่สามารถเปลี่ยนแปลงลักษณะองค์ประกอบ DOM กำหนดระยะเวลา การ ตัวอย่างเช่น ถ้าคุณวางเมาส์ไว้บนปุ่ม และคุณ
มันค่อย ๆ จางเป็นสีต่าง ๆ ภายในหนึ่งวินาที คุณสามารถใช้เปลี่ยน CSS3 ได้
ภาพเคลื่อนไหวให้นักพัฒนาสามารถสร้างภาพเคลื่อนไหวที่ซับซ้อนมากขึ้น โดยการกำหนดคีย์เฟรมระบุซึ่งสามารถคิดเป็นชุดของการเชื่อมโยงเปลี่ยนได้ ตัวอย่าง ถ้าคุณต้องการเคลื่อนไหวเป็นองค์ประกอบ DIV ขยับขึ้น ซ้าย แล้วลง กลับมาตำแหน่งเดิม คุณสามารถใช้การเคลื่อนไหวเป็น CSS3 และกำหนดคีย์เฟรมแต่ละจุดตาม path.
ดังนั้น นี่คือคนที่ได้แขวนขึ้นได้ เมื่อคุณควรใช้ผืนผ้าใบ และเมื่อคุณควรใช้ CSS3 สำหรับภาพเคลื่อนไหวหรือไม่ ถ้าคุณเป็นนักพัฒนารส ฉันแน่ใจว่า คุณทราบว่า คำตอบที่ถูกต้องเป็น "ขึ้น" เป็นการทั่วไปกฎของหัวแม่มือ ควรใช้ CSS3 เปลี่ยนและภาพเคลื่อนไหว ถ้าคุณกำลังทำให้เคลื่อนไหวโหนโดม หรือถ้าภาพเคลื่อนไหวที่ง่าย และที่กำหนดไว้ได้ ถ้า คง คุณกำลังทำให้เคลื่อนไหวบางอย่างที่ซับซ้อนขึ้นเช่นเกมออนไลน์หรือจำลองฟิสิกส์ มันจะทำให้รู้สึกมากกว่าการใช้ผืนผ้าใบคง
นี้

ผลลัพธ์ (ไทย) 3:

เพิ่มเติมหัวข้อ
ผ้าใบกับ CSS3 เปลี่ยนและภาพเคลื่อนไหว
นอกจากผืนผ้าใบ HTML5 สเปคยังแนะนำสองเพิ่มเติมที่น่าตื่นเต้นเพื่อเปลี่ยน CSS3 สเปคและภาพเคลื่อนไหว ช่วยให้นักพัฒนาเพื่อสร้าง
เปลี่ยนภาพเคลื่อนไหวง่ายๆที่สามารถเปลี่ยนรูปแบบองค์ประกอบ DOM เกินกำหนดระยะเวลา ตัวอย่างเช่น ถ้าคุณเลื่อนเมาส์เหนือปุ่มและคุณต้องการ
มันค่อยๆ จางหายไป สีต่าง ๆภายในหนึ่งวินาที คุณสามารถใช้ CSS3 เปลี่ยน .
ภาพเคลื่อนไหวให้นักพัฒนาในการสร้างภาพเคลื่อนไหวที่ซับซ้อนมากขึ้น โดยการกำหนดคีย์เฟรมที่สามารถคิดเป็นชุดของการเชื่อมโยงการเปลี่ยน ตัวอย่างเช่น , ถ้าคุณต้องการที่จะใช้องค์ประกอบ div โดยการย้ายขึ้น , ซ้าย , ลง , กลับสู่ตำแหน่งเดิมคุณสามารถใช้ CSS3 ภาพเคลื่อนไหวและกำหนดคีย์เฟรมในแต่ละจุด ตลอดเส้นทาง
ดังนั้น ที่นี่คือที่ที่คนถูกแขวนขึ้น เมื่อคุณควรใช้ผ้าใบและเมื่อคุณควรใช้ CSS3 สำหรับภาพเคลื่อนไหว ? ถ้าคุณเป็นนักพัฒนาที่เก๋า ฉันแน่ใจว่า คุณทราบว่าคำตอบที่ถูกต้องคือ " ขึ้น " ในฐานะที่เป็นกฎทั่วไปของหัวแม่มือ ,มันเป็นวิธีปฏิบัติที่ดีที่จะใช้เปลี่ยน CSS3 และภาพเคลื่อนไหวถ้าคุณเคลื่อนไหว ดอม โหน หรือหากภาพเคลื่อนไหวจะง่ายและชัดเจนดี ถ้าบนมืออื่น ๆที่คุณกำลังเคลื่อนไหวบางอย่างที่ซับซ้อนมากขึ้น เช่น ฟิสิกส์จำลองหรือเกมส์ออนไลน์ มันอาจจะทำให้รู้สึกมากขึ้นเพื่อใช้ผ้าใบ .
นี้