Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

影を作成するためのHTML5Canvasのプロパティ

HTML5キャンバスは、図面の周りに素敵な影を作成する機能を提供します。 4つのグローバルシャドウ属性の影響を受けるすべての描画操作。

Sr.No. プロパティと説明
1 shadowColor [=value] このプロパティは現在のシャドウカラーを返し、シャドウカラーを変更するように設定できます。
2 shadowOffsetX [=value] このプロパティは、現在のシャドウオフセットXを返し、シャドウオフセットXを変更するように設定できます。
3 shadowOffsetY [=value] このプロパティは、現在のシャドウオフセットYを返し、シャドウオフセットYを設定および変更できます。
4 shadowBlur [=value] このプロパティは、シャドウに適用されているブラーの現在のレベルを返し、ブラーレベルを変更するように設定できます。

  1. HTML5のCanvas用の無料ライブラリとは何ですか？

    Webサイトにインタラクティブな要素を追加する必要がある場合は、Canvas用の無料のライブラリを使用すると作業が簡単になります。まず、HTML5でキャンバスを作成する方法について説明しましょう。 HTMLのタグは、スクリプトを使用してグラフィックやアニメーションなどを描画するために使用されます。 HTML5で導入されたタグ。 次のコードを実行して、HTML5でキャンバスを作成してみてください 例 <!DOCTYPE html> <html>    <head>       <title&

  2. HTML5Canvasでパターンを作成する

    HTML5 Canvasでパターンを作成するには、次のメソッドを使用します。createPattern（image、repeatment）-このメソッドは、画像を使用してパターンを作成します。 2番目の引数は、repeat、repeat-x、repeat-y、およびno-repeatのいずれかの値を持つ文字列にすることができます。空の文字列またはnullが指定されている場合、繰り返しが想定されます。 例 次のコードを実行して、パターンの作成方法を学ぶことができます- <!DOCTYPE HTML> <html>    <head> &nb