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

HTML5 Canvas - Context 2D - Quadratic Curves (Javascript) / Designbüro München

Das HTML5 und Javascript Bild von Standardabweichung aus München

Quadratic Curves

Zeichnen von Quadratischen Kurven auf dem HTML5 Canvas Element.

//Initialisierung var p1, p2, p3; context.lineWidth = 1; context.lineJoin = 'miter'; //'bevel' 'round' context.lineCap = 'butt'; //'square' 'round' context.miterLimit = 10; //verhindert einen zu spitzen lineJoin bei der option 'miter' context.strokeStyle = '#FF0000'; //rgb(255,0,0), rgba(255,255,255,0.5), pattern, gradient context.fillStyle = '#FF0000'; //rgb(255,0,0), rgba(255,255,255,0.5), pattern, gradient //QUADRATISCHE KURVE p1 = {x:100, y:100}; //Startpunkt p2 = {x:150, y:200}; //Kontrollpunkt p3 = {x:200, y:100}; //Endpunkt context.beginPath(); //Start context.moveTo(p1.x, p1.y); //moveTo(x,y) context.quadraticCurveTo(p2.x, p2.y, p3.x, p3.y); //quadraticCurveTo(x,y,x,y); context.stroke(); //Zeichne Pfad mit den in strokeStyle definierten Eigenschaften

HTML5 / Javascript Code Teilen

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