createImageData()メソッド

CanvasRenderingContext2D ＞ createImageData()メソッド

構文

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


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

　閲覧数:377　投稿日: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/11/23 14:38 更新
週間人気ページランキング ／ 11-16 → 11-22
順位 ページタイトル抜粋 アクセス数
1 フォーム | その他 4
2 アフィン変換 | transform()メソッド(CanvasRenderingContext2D ) 3
3 moveTo()メソッド(CanvasRenderingContext2D ) カテゴリー 2
3 bufferData()メソッド(WebGLRenderingContext) カテゴリー 2
3 シェーダー | compileShader()メソッド(WebGLRenderingContext) 2
3 drawArrays()メソッド | WebGLRenderingContext 2
4 strokeStyleプロパティ(CanvasRenderingContext2D ) カテゴリー 1
4 arc()メソッド(CanvasRenderingContext2D ) カテゴリー 1
4 WebGLProgram カテゴリー 1
4 createProgram()メソッド(WebGLRenderingContext) カテゴリー 1
4 ログイン 1
4 RGBA | 色 1
4 ゲストコメント一覧ページ 1
4 カテゴリ一覧 1
4 アカウント登録 1
4 shaderSource()メソッド(WebGLRenderingContext) カテゴリー 1
4 「線形グラデーションで塗りつぶした四角形」を描画するためには？ 1
4 rect()メソッド | CanvasRenderingContext2D 1
4 strokeRect() メソッド | CanvasRenderingContext2D 1
4 save()メソッド | CanvasRenderingContext2D 1
2024/11/23 1:01 更新