Skip to main content

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

[cover photo]
TOPICS
Programming , Web , HTML/CSS , JavaScript
発行年月日
ISBN
978-4-87311-525-2
原書
Canvas Pocket Reference
FORMAT
EPUB
Ebook
1,430円
Ebookを購入する

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

関連書籍