★Canvasリファレンス

結果はどのようにランク付けされますか?
順位はどのように決まるのでしょうか?
2Ranking the results of your bets can be a complex task depending on your specific situation and goals. There are many different ways to rank betting results, and the choice of method often depends on what you want to achieve. The general approach for ranking betting results is as follows:
Read in-detail

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

context . shadowOffsetY = オフセット距離 …… 影の垂直方向のオフセット距離を指定する
Internet Explorer9
Firefox2Firefox3Firefox4
Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
Safari3Safari4Safari5
Opera9Opera10
広告



shadowOffsetY属性は、影の垂直方向のオフセット距離を指定する際に使用します。

値には有限の数値を指定します。
無限大や数値以外の値を指定すると無視されます。
初期値は0で、正の数値を指定すると正の方向へ、負の数値を指定すると負の方向へ影が移動します。
値の単位は、座標空間の単位となります。

影のオフセット距離は、変形マトリックスの影響を受けません。

■引数(値)の説明

オフセット距離
影の垂直方向のオフセット量を座標空間単位の距離で指定(有限の数値のみ、初期値は0)

■使用例

HTML + JavaScriptソース

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvasで図形を描く</title>
<script type="text/javascript">
<!--
function test() {
  //描画コンテキストの取得
  var canvas = document.getElementById('sample');
  if (canvas.getContext) {
    var context = canvas.getContext('2d');
    //ここに具体的な描画内容を指定する
    //影の色・オフセット距離・ぼかし量を指定する
    context.shadowColor = "rgb(0, 0, 255)";
    context.shadowOffsetX = 5;
    context.shadowOffsetY = 5;
    context.shadowBlur = 5;
    //左から20上から20の位置に幅50高さ50の塗りつぶしの四角形を描く
    context.fillRect(20,20,50,50);
  }
}
//-->
</script>
</head>
<body onLoad="test()">
<h2>Canvasで図形を描く</h2>
<canvas width="300" height="150" id="sample" style="background-color:yellow;">
図形を表示するには、canvasタグをサポートしたブラウザが必要です。
</canvas>
</body>
</html>
↓↓↓

ブラウザ上の表示

Canvasで図形を描く


図形を表示するには、canvasタグをサポートしたブラウザが必要です。

■関連項目

<canvas> …… 図形を描くHTML5から追加
広告



カジノファインダー

どのカジノが自分に最適か分からないですか?

Easily find your perfect casino in under a minute, no sign up necessary.