CodeW3C Online Handleiding
  • HTML Series Handleiding
  • Browser Script
  • Server Script
  • Programmeer Handleiding
  • XML Series Handleiding
  • Website Bouw Handleiding
  • Referentie Handleiding

Lessenrooster

JS Referentiemanual

  • JS Referentiemanual (categorieën volgorde)
  • JS Referentiemanual (alfabetische volgorde)

JavaScript

  • JS Array
  • JS Boolean
  • JS Class
  • JS Datum
  • JS Fout
  • JS Globaal
  • JS JSON
  • JS Map
  • JS Math
  • JS Nummer
  • JS Promise
  • JS RegExp
  • JS Set
  • JS String
  • JS Object
  • JS Bemonstering
  • JS Bemonsteringsprioriteit
  • JS Uitspraak
  • JS Typisierte Array

Venster

  • Window Object
  • Venster Console
  • Venster Geschiedenis
  • Venster Locatie
  • Venster Navigatie
  • Venster Scherm

HTML DOM

  • HTML Document
  • HTML Element
  • HTML Attribuut
  • HTML Event
  • HTML Event object
  • HTML Collectie
  • HTML NodeList
  • HTML DOMTokenList
  • HTML Stijl

Web API

  • API Canvas
  • API Console
  • API Fetch
  • API Volledig scherm
  • API Locatie
  • API Geschiedenis
  • API MediaQueryList
  • API Opslag
  • API Validatie
  • Web API

HTML object

  • <a>
  • <abbr>
  • <address>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <bdo>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dialog>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <footer>
  • <form>
  • <head>
  • <header>
  • <h1> - <h6>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <ins>
  • <input> knop
  • <input> keuzevak
  • <input> kleur
  • <input> datum
  • <input> datetime
  • <input> datetime-local
  • <input> e-mail
  • <input> bestand
  • <input> verborgen
  • <input> afbeelding
  • <input> maand
  • <input> getal
  • <input> wachtwoord
  • <input> radio
  • <input> bereik
  • <input> opnieuw instellen
  • <input> zoeken
  • <input> indienen
  • <input> tekst
  • time
  • url
  • week

    11. JavaScript:

      var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var imgData=ctx.createImageData(100,100);
for (var i=0;i<imgData.data.length;i+=4)
  {
  imgData.data[i+0]=255;
  imgData.data[i+1]=0;
  imgData.data[i+2]=0;
  imgData.data[i+3]=255;
  }
ctx.putImageData(imgData,10,10);

      Probeer het zelf

      Syntax

      Er zijn twee versies van de createImageData() methode:

      1. Maak een nieuw ImageData object van de opgegeven maat (uitgedrukt in pixels):

      var imgData=context.createImageData(width,height);

      2. Maak een nieuwe ImageData object van dezelfde maat als de opgegeven andere ImageData object (deze kopieert geen beeldgegevens):

      var imgData=context.createImageData(imageData);

      Parameterwaarde

      Parameter Beschrijving
      width Breedte van het ImageData object, uitgedrukt in pixels.
      height Hoogte van het ImageData object, uitgedrukt in pixels.
      imageData Een andere ImageData object.

      Browser support

      The numbers in the table indicate the first browser version that fully supports this property.

      Chrome Edge Firefox Safari Opera
      Chrome Edge Firefox Safari Opera
      4.0 9.0 3.6 4.0 10.1

      Note:Internet Explorer 8 and earlier versions do not support the <canvas> element.

      Canvas reference manual

      Toolbox

      JavaScript en HTML DOM Referentie Handleiding
      JavaScript examples
      JavaScript quiz
      JavaScript tutorial

      Sponsor links

      The content provided by CodeW3C.com is for training and testing purposes only and does not guarantee the accuracy of the content. Risks associated with the use of this site's content are not related to this site. All rights reserved.

      About CodeW3C.com Help CodeW3C.com Terms of use Privacy terms Aangedreven door Ce4e.com