createImageData()メソッド

CanvasRenderingContext2D ＞ createImageData()メソッド

構文

　状態:- 　閲覧数:738 　投稿日:2016-08-14 　更新日:2016-11-09 　
2種類
ImageData ctx.createImageData(width, height);
ImageData ctx.createImageData(imagedata);


構文詳細 ／ パターンA ／ パターンB

　閲覧数:342　投稿日:2016-11-09　更新日:2016-11-17　

パターンA


指定された大きさで、新しい空白の「ImageDataオブジェクト」を作成
・「新規作成されるImageDataオブジェクト」内の全ての画素(ピクセル)は透明な黒色に設定される
ImageData ctx.createImageData(width, height);

第1引数 width
・新規ImageDataオブジェクトの幅

第2引数 height
・新規ImageDataオブジェクトの高さ

パターンB


既存ImageDataオブジェクトの、幅と高さをコピーする
・「新規作成されるImageDataオブジェクト」内の全ての画素(ピクセル)は透明な黒色に設定される
・画像自体はコピーされない
※サイズのみ引き継ぐ
ImageData ctx.createImageData(imagedata);

第1引数 imagedata


CanvasRenderingContext2D.createImageData()

コメント投稿(ログインが必要)



類似度ページランキング
順位 ページタイトル抜粋 ％
1 createImageData()メソッド 71
2 getImageData()メソッド 67
3 createProgram()メソッド 65
4 drawImage() メソッド 65
5 clearDepth()メソッド 65
6 getItem()メソッド 65
7 rect()メソッド 65
8 clear()メソッド 63
9 clearRect()メソッド 61
10 arc()メソッド 60
11 bufferData()メソッド 59
12 setItem()メソッド 59
13 setTransform()メソッド 56
14 createBuffer()メソッド 56
15 createShader()メソッド 56
16 scale()メソッド 56
17 transform()メソッド 56
18 beginPath()メソッド 56
19 compileShader()メソッド 55
20 getAttribLocation()メソッド 55
2024/4/26 16:50 更新
週間人気ページランキング ／ 4-19 → 4-25
順位 ページタイトル抜粋 アクセス数
1 シェーダー | compileShader()メソッド(WebGLRenderingContext) 4
1 HTML5用語 4
2 フォーム | その他 2
2 setTransform()メソッド | CanvasRenderingContext2D 2
3 WebGLProgram 1
3 W3C ／ World Wide Web Consortium | その他 1
3 save()メソッド(CanvasRenderingContext2D ) カテゴリー 1
3 save()メソッド | CanvasRenderingContext2D 1
3 lineTo()メソッド | CanvasRenderingContext2D 1
3 arc()メソッド | CanvasRenderingContext2D 1
3 new Image()オブジェクト生成(HTMLImageElementインターフェイス) カテゴリー 1
2024/4/26 1:02 更新