タグ

ブックマーク / www.sophia-it.com (1)

  • 画像を操作する - Canvasのサンプル - HTML5 JavaScript API入門

    画像を操作するには? 画像を操作するには?解説 画像データを直接操作したり、他のCanvasにコピーしたりするために次のメソッドが用意されています。 新たなImageDataオブジェクトを作成する // 幅がsw、高さがshのImageDataオブジェクトを作成する imagedata = context.createImageData(sw,sh); // imgdataと同じ幅、高さのImageDataオブジェクトを作成する imagedata = context.createImageData(imgdata); Canvasから取得した画像で、ImageDataオブジェクトを生成する // Canvasの左上を(sx,sy)とし、幅がsw、高さがshの領域からImageDataオブジェクトを生成する imagedata = context.getImageData(sx,sy,sw

  • 1