HTML5キャンバス基本描画グラフィックの組み合わせ

は、id、class、style などの属性に加えて、高さと幅の属性もあります。 > 要素に描画するには、次の 3 つの主な手順があります:

1. Canvas オブジェクトである DOM オブジェクトを取得します。 Canvas オブジェクトを呼び出して CanvasRenderingContext2D オブジェクトを取得します。
3. 描画する CanvasRenderingContext2D オブジェクトを呼び出します。

グラフィックの組み合わせ:


•globalAlpha: 描画の現在のアルファまたは透明度の値を設定または返します
このメソッドは主にグラフィックスの透明度を設定するためのものですが、ここでは詳しく紹介しません。


•globalCompositeOperation: 新しい画像を既存の画像に描画する方法を設定または返します。このメソッドには次の属性値があります:


クリックすることで組み合わせ効果を変更できる小さな例を次に示します:

読者はタグをクリックしてさまざまな組み合わせの効果を確認できます:





上記は、基本的な HTML5 キャンバス描画のグラフィックの組み合わせの内容です。 PHP 中国語 Web サイト (www.php. cn) に注意してください。