2026年1月11日 星期日

旋轉動畫:有使用 getImageData 方法

本旋轉動畫有使用到 HTML5 Canvas API 提供的 getImageData 方法及 drawImage 方法。由於程式中 tryeC3 函式在 setInterval 中被頻繁呼叫,並且每次都執行 getImageDate。為了要讓 getImageData 運作得更快,因此在取得 Canvas 的 2D 渲染上下文時,將 { willReadFrequently: true } 選項傳入。讓瀏覽器效能優化。

沒有留言:

張貼留言