引数が何の略語なのかがよく分かりません。

Question

drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)

x:水平方向の成分
y:鉛直方向の成分
h:高さ
w:幅
d:デルタ

sは何を意味しているのでしょうか？

Comments

[think49]

出典を明らかにすべきです。
質問を「編集」して。それが書いてあったURLを追記してください。

[taka_oct092018]

think49様
以後注意します。

Answer 1

sourceとdestinationですね

Comments

[taka_oct092018]

rururu3様
dはdestinationでしたか！
ありがとうございます。

Answer 2

source(=描画元の画像)の意味ですね。
CanvasRenderingContext2D.drawImage()

Comments

[taka_oct092018]

kuuote様
了解しました。

Answer 3

出典

出典不明の為、Canvasと仮定して回答しています。

interface mixin CanvasDrawImage

• 4.12.5.1 The 2D rendering context - HTML Standard

interface mixin CanvasDrawImage {
  // drawing images
  void drawImage(CanvasImageSource image, unrestricted double dx, unrestricted double dy);
  void drawImage(CanvasImageSource image, unrestricted double dx, unrestricted double dy, unrestricted double dw, unrestricted double dh);
  void drawImage(CanvasImageSource image, unrestricted double sx, unrestricted double sy, unrestricted double sw, unrestricted double sh, unrestricted double dx, unrestricted double dy, unrestricted double dw, unrestricted double dh);
};

Drawing images

• 4.12.5.1.14 Drawing images - HTML Standard

従って、公式にはSource ImageとDestination Canvasです。

Re: taka_oct092018 さん

Comments

[taka_oct092018]

think49様

詳しい説明、ありがとうございます。

Answer 4

正直、なんの略かなんて気にしなくてもいいんじゃないでしょうか。
変数は任意の文字列です。
名前の意味そのものよりそれぞれの役割が理解できていれば使えます。
そのためにコメントを書きますし、ドキュメントにも説明があります。
任意の引数もあることを加味すると、機能も含めて役割を認識するだけで十分かと思います。

Comments

[m.ts10806]

あまり略しすぎるのは好まない方なのですけど、それなら機能から想像するしかないと思ってます。
自身が命名するときは気を付けますけどね

[think49]

> 名前の意味そのものよりそれぞれの役割が理解できていれば使えます。

仕様書を読み解く時には命名規則があるので、気をつけて読みます。
名前がそのまま自分のコードに適用できるケースも多いので。

他人のコードを読む時にも流儀や命名規則がないか、確認しながら読みます。
規則性に気がつければ、読み解く時間を短縮できます。

自分がコードを書く時には過去の自分のコードを読み解く時に苦労したくないので、比較的長い名前をつけます。
source, destinationなら、src, destですかね…。
1文字は基本避けます。

[m.ts10806]

言語にもよりますがものすごく略しすぎてるドキュメントってありますよね。今回が最たる例かなと。
コードにする場合も○○Docのような形式で説明付けるのは大事だと思います。

[taka_oct092018]

返信ありがとうございます。