HTML5 Canvasデスクトップリファレンス

David Flanagan　著、小沢秀行、株式会社トップスタジオ　訳

TOPICS: Programming , Web , HTML/CSS , JavaScript
発行年月日: 2012年02月
ISBN: 978-4-87311-525-2
原書: Canvas Pocket Reference
FORMAT

HTML5の一部として仕様が策定されているグラフィック描画のためのJavaScript API、Canvasについて紹介する書籍です。Canvasの2Dオブジェクトの描画に関する簡単なチュートリアルとリファレンスから構成されており、仕様の全体像を簡潔に知ることができます。Canvasでプログラミングをする際には手元に置いておきたい1冊です。なお本書はEbookのみの販売となります。

はじめに
1. Canvasチュートリアル
    線の描画と多角形の塗りつぶし
    グラフィック属性
    Canvasの寸法と座標
    座標系の変換
        座標変換の数学的な理解
        座標変換のサンプルコード
    曲線の描画と塗りつぶし
    矩形
    色、透明度、グラデーション、パターン
    線を引くための属性
    テキスト
    クリッピング
    影
    画像
    合成
    ピクセル操作
    ヒット判定
    Canvasの実例：Sparkline
2. Canvasリファレンス
    Canvas
    Canvas.getContext()
    Canvas.toDataURL()
    CanvasGradient
    CanvasGradient.addColorStop()
    CanvasPattern
    CanvasPixelArray
    CRC
    CRC.arc()
    CRC.arcTo()
    CRC.beginPath()
    CRC.bezierCurveTo()
    CRC.clearRect()
    CRC.clip()
    CRC.closePath()
    CRC.createImageData()
    CRC.createLinearGradient()
    CRC.createPattern()
    CRC.createRadialGradient()
    CRC.drawImage()
    CRC.fill()
    CRC.fillRect()
    CRC.fillText()
    CRC.getImageData()
    CRC.globalCompositeOperation
    CRC.isPointInPath()
    CRC.lineCap
    CRC.lineJoin
    CRC.lineTo()
    CRC.measureText()
    CRC.miterLimit
    CRC.moveTo()
    CRC.putImageData()
    CRC.quadraticCurveTo()
    CRC.rect()
    CRC.restore()
    CRC.rotate()
    CRC.save()
    CRC.scale()
    CRC.setTransform()
    CRC.stroke()
    CRC.strokeRect()
    CRC.strokeText()
    CRC.transform()
    CRC.translate()
    ImageData
    TextMetrics

HTML5 Canvasデスクトップリファレンス

関連ファイル

目次