首頁>Club>
10
回覆列表
  • 1 # rzglp41076

    Canvas的繪製模型有的時候使用Canvas,你得對它有一個很好的理解才行,這包括了Canvas究竟是如何繪製圖形、影象和文字的。要想了解這部分內容,則需要理解陰影、Alpha通道、剪輯區域及影象合成等內容。在向Canvas之上繪圖形或影象時,瀏覽器要按照如下步驟操作:

    1>將圖形或影象繪製到一個無限大的透明點陣圖中,在繪製時遵從當前的填充模式、描邊模式以及線條樣式。

    2>將圖形或影象的陰影繪製到另外一幅點陣圖中,在繪製時使用當前繪圖環境的陰影設定。

    3>將陰影中每一個畫素的alpha分量乘以繪圖環境物件的globalAlpha屬性值。

    4>將繪有陰影的點陣圖與經過剪輯區域剪下過的canvas進行影象合成。在操作時使用當前的合成模式引數。

    5>將圖形或影象的每一個畫素顏色分量,乘以繪圖環境物件的globalAlpha屬性值 。

    6>將繪有圖形或影象的點陣圖,合成到當前經過剪輯區域蕭索的canvas點陣圖之上,在操作時使用當前的合成運算子。

  • 中秋節和大豐收的關聯?
  • 小米mix怎麼設定來電閃光燈?