canvas HTML putImageData () méthode
HTML Manuel toile de référence
Exemples
Les getImageData de code suivant () Copier sur des données de pixels de toile rectangle désigné, et () les données d'image de nouveau dans la toile par putImageData:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(10,10,50,50);
function copy()
{
var imgData=ctx.getImageData(10,10,50,50);
ctx.putImageData(imgData,10,70);
}
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(10,10,50,50);
function copy()
{
var imgData=ctx.getImageData(10,10,50,50);
ctx.putImageData(imgData,10,70);
}
Essayez »
support du navigateur
méthode Internet Explorer 9, le support Firefox, Opera, Chrome et Safari putImageData ().
Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
méthode putImageData () des données d'image (à partir des objets de ImageData spécifiés) retour sur la toile.
Astuce: Voir getImageData () méthode, il peut copier le rectangle de données de pixels spécifiées sur la toile.
Astuce: Voir createImageData () méthode, qui crée un nouvel objet ImageData vide.
syntaxe JavaScript
| Syntaxe JavaScript: | .putImageData contexte (imgData, x, y, dirtyX, dirtyY, dirtyWidth, dirtyHeight); |
|---|
Paramètre Valeur
| 参数 | 描述 |
|---|---|
| imgData | 规定要放回画布的 ImageData 对象。 |
| x | ImageData 对象左上角的 x 坐标，以像素计。 |
| y | ImageData 对象左上角的 y 坐标，以像素计。 |
| dirtyX | 可选。水平值（x），以像素计，在画布上放置图像的位置。 |
| dirtyY | 可选。垂直值（y），以像素计，在画布上放置图像的位置。 |
| dirtyWidth | 可选。在画布上绘制图像所使用的宽度。 |
| dirtyHeight | 可选。在画布上绘制图像所使用的高度。 |
HTML Manuel toile de référence