0
在每一次鼠標移動時,我需要在畫布上繪製一個徑向漸變(以及圓心位於圓圈內部的徑向漸變圓),中心位於當前鼠標位置。是HTML5 canvas上下文漸變很貴嗎?
似乎這樣做,我需要創建一個新的徑向漸變對象,每次我收到一個鼠標移動事件,因爲梯度的中心必須設置爲鼠標位置。或者我可以使用某種變換來移動現有漸變,以便在正確的位置填充我的圓圈?
換句話說,是每次創建一個新的漸變對象昂貴?有人對這個有經驗麼?
在每一次鼠標移動時,我需要在畫布上繪製一個徑向漸變(以及圓心位於圓圈內部的徑向漸變圓),中心位於當前鼠標位置。是HTML5 canvas上下文漸變很貴嗎?
似乎這樣做,我需要創建一個新的徑向漸變對象,每次我收到一個鼠標移動事件,因爲梯度的中心必須設置爲鼠標位置。或者我可以使用某種變換來移動現有漸變,以便在正確的位置填充我的圓圈?
換句話說,是每次創建一個新的漸變對象昂貴?有人對這個有經驗麼?
我沒有這方面的經驗,但我確定爲每個鼠標移動繪製一個新的漸變是昂貴的。相反,您可以嘗試翻譯或轉換整個畫布上下文以實現您的目標。有關如何進行上下文翻譯的更多詳細信息,請參閱下面的鏈接。
http://www.html5canvastutorials.com/advanced/html5-canvas-transform-translate-tutorial/