JavaScriptにできること

コンテキストのプロパティ
ctx.strokeStyle 線や輪郭の色
ctx.fillStyle 塗りつぶしの色
ctx.lineWidth 線の幅
ctx.lineCap 線の終端の形状でbutt/round/squareの値が使用可能
ctx.shadowColor 現在の影の色
ctx.shadowBlur 影に適用するぼかす範囲
線の描画
1 beginPath() パスをクリアにする
2 moveTo() 最初に筆を下ろす場所を指定
3 lineTo() 筆を動かす
closePath() パスを閉じる
stroke() パスの描画
fill() 塗りつぶしの描画
矩形の描画
fillRect(x,y,width,height) 左上を起点として塗りつぶす
strokeRect(x,y,width,height) 左上を起点として枠線を描画
clearRect(x,y,width,height) 左上を起点として矩形領域をクリアにする
円の描画
arc(x,y,radius,
startAngle,endAngle,
anticlockwise)		 x,yは中心座標で、radiusが半径、startAngleで円弧を描き始める角度を、endAngleで円弧を描き終わる角度を設定。anticlockwiseにtrueを指定すると反時計回りfalseで時計回り

WEBデザインを攻略せよ！

  • 商品名

    javascript辞典

    JavaScript辞典 第4版 [HTML5対応]

  • 商品の説明
    やりたいことから引ける目的別分類とフルカラーの見やすい紙面はそのままに、Canvas、メディア要素、ファイル操作、オフライン処理、位置情報など、Webサイトやサービス、アプリ制作に必須のHTML5 API対応項目を増補しました。
  • キャッチコピー
    最新Web規格に対応の新版JavaScript辞典
  • キーワード
    WEB制作, JavaScript