【重要】サービス終了のお知らせ

Discussions

Q玉の起動がでてくる、、

グラデーションの終了地点を下記の様に0にすると玉の起動が見えるようになるのはなぜでしょうか、、
var my_gradient1 = ctx1.createLinearGradient(0,0,0,0);

Sample Code

AAnswer to: 玉の起動がでてくる、、

ethertank

前フレームを塗りつぶす為のグラデーションの矩形が描画されていないため(※正確には「透明の矩形を描画しようとしているため」)ですね。

“x0 = x1 かつ y0 = y1 の場合は、線形グラデーションは作用しません”
(線形グラデーションを指定する : Canvas - HTML5.JP http://www.html5.jp/canvas/how4.html

“If x0 = x1 and y0 = y1, then the linear gradient must paint nothing.”
(HTML Canvas 2D Context : http://www.w3.org/html/wg/drafts/2dcontext/html5_canvas_CR/#dom-context-2d-createlineargradient

仕様みたいです。
私も知りませんでした。

okemori

なるほど!

玉の位置を描画させた後に塗りつぶしができないから
0.03秒前に描画した玉が残ってしまうのですね!

ご丁寧に回答頂き、有難うございました!

Post a question

You can post JavaScript, HTML, CSS related questions with attached reference to actual codes and get the answers likewise.

Ask a question

  • 1. Click the ‘Post a question’ above

  • 2. Enter question details, reference code, and click ‘Add question’ button

  • 3. Question will be paired with the code on display

Add an answer

  • 1. Choose a question

  • 2. Enter answer details, attach the reference code and click ‘add answer’ button

  • 3. Your answer will accompanied with attached code

Tag