Hochwertiger HTML5 und Javascript Code von dem Designbüro Standardabweichung aus München

HTML5 Canvas - Context 2D - Pattern

Das HTML5 und Javascript Bild von Standardabweichung aus München

Pattern

Füllen von Formen und Konturen mit Mustern auf Basis von HTML5 CANVAS / IMAGE / VIDEO

//Initialisierung context.lineWidth = 10; context.lineJoin = 'miter'; //'bevel' 'round' context.lineCap = 'butt'; //'square' 'round' var source = document.getElementById('pattern-element'); var pattern = context.createPattern(source, 'repeat'); //createPattern(canvas/image/video, 'repeat'/'repeat-x'/'repeat-y'/'no-repeat') context.strokeStyle = pattern; context.fillStyle = pattern; context.beginPath(); context.rect(100, 100, 200, 200); //rect(x,y,width,height); context.stroke(); //Fülle Kontur mit den in strokeStyle definierten Eigenschaften context.fill(); //Fülle Rechteck mit den in fillStyle definierten Eigenschaften

HTML5 / Javascript Code Teilen

Javascript Snippet auf Facebook teilen  Facebook
Javascript Snippet auf Facebook teilen  Google+