「JavaScript/Canvas」の版間の差分

削除された内容 追加された内容
Ef3 (トーク | 投稿記録)
タグ: 2017年版ソースエディター
Ef3 (トーク | 投稿記録)
タグ: 2017年版ソースエディター
37 行
<canvas id="canvasTest" width="300" height="300">HTML5のCANVAS要素に対応したウェブブラウザで御覧ください。</canvas>
<script>
const canvascontext = documentcanvasTest.querySelectorgetContext("#canvasTest2d"),
context = canvas.getContext("2d"),
text = "こんにちは Text";
context.font = "32px serif"
47 ⟶ 46行目:
<span style="font-weight:bold;border:3px solid blue;padding:5px; border-radius:5px">[https://plnkr.co/edit/SXJPhBwT9Zo13xgC?preview Plunkerで開く]</span>
<ol>
<li value="98">描画する文字列
<li>フォントサイズの指定<ref>https://momdo.github.io/html/canvas.html#dom-context-2d-font</ref>
<li>fillText<ref>https://momdo.github.io/html/canvas.html#dom-context-2d-filltext</ref>のパラメータは描画する文字列、x 座標、y 座標、表示幅の上限の順で、最後の表示幅の上限は省略可能。座標は文字列の左下です。