Il s’agit d’un atelier JavaScript qui est également encadré dans le manuel de traitement d’image JavaScript. Nous apprendrons à obtenir des objets d’image JavaScript, que nous pouvons ensuite utiliser pour ce que nous voulons.
Nous allons montrer plusieurs des moyens que nous devons faire cette étape, d’autres plus généraux et évidents et autres plus spécifiques déterminés environnements de travail. En fin de compte, nous avons toujours la même chose, une variable qui a à l’intérieur d’un objet image.
Créer une image à partir de JavaScript Code
La manière la plus directe est de créer votre objet image (objet d’image JavaScript) Instance Un objet de l’image image, de cette manière:
var objimagen = nouvelle image ();
puis nous pourrions affecter des valeurs aux différentes propriétés de l’objet image, pour la configurer. Par exemple:
img.src = ‘image-développementwebcom.gif’;
Obtenez l’objet Image d’une image de la page
Si nous le souhaitons, nous pouvons obtenir L’objet image par l’une des images de la page où nous travaillons, c’est-à-dire une seule étiquette IMG du document HTML actuel.
Pour cela, nous pouvons accéder à cet élément avec un document.getElementyID (), indiquant l’identifiant (ID d’attribut) de l’image que nous voulons.
var img = document.getelementbyid (« IM1 ») ;
Cela récupérerait l’objet IMAG IMG associé à la balise IMG qui a l’identifiant.
Nous pouvons également accéder à l’une des images sur la matrice d’image, « Images », IT dépend de l’objet de document.
var img = document.images;
avec cela, nous obtenons l’objet image de la deuxième balise IMG sur la page.
Obtenez l’image de l’objet par Données: URL
Autre méthode consiste à utiliser une image exprimée sous forme de chaîne de caractères codée de base64, dans un schéma appelé Data: URL.
var img = nouvelle image ();
IMG.SRC = ‘ Données: image / gif; base64, r0lgodlhcwalaaaaaaaa2pn / zih5baeaaaaalaaaaaaaaaaaaiaaaaaaaaasaaaiuha + hkcuo4lmnvindo7qyrixigbyow == ‘;
avec le code précédent, nous aurions un objet d’image à partir d’une chaîne de texte. L’image est petite, le code de l’image est donc aussi court.
Ce format de données: URL n’est pas disponible dans tous les navigateurs, bien que le plus moderne le soutenait, tels que Firefox, Chrome, Opera ou Internet Explorateur de la version 8.
Pour savoir si votre navigateur est compatible avec ce format, placez ce code:
document.images.src = ‘Données: image / gif; base64, r0lgodlhcwalaiaaaaaaa2pn / ZIH5BAEAAAAAAAAAALAASAAAIAAAAAAAAASAAAIAUHA + HKCUO4LMNVINDO7QYRIXIGBYOW == ‘;
Ceci modifie l’attribut SRC de la première étiquette IMG de la page et modifiera donc l’image visible dans le navigateur. De toute évidence, nous devrons avoir une image quelque part sur la page afin que cette instruction fonctionne.