Html Leinwand Punkte

Question

i Bild auf dieser Grundlage hochladen möchten, ziehen Zeile Wie eine Linie zwischen ausgewählten Punkten zu zeichnen, und ich will, dass bestimmte Bild
so wenden Sie sich bitte erfassen vorschlagen, wie in html5

Answer 1

Sie zeichnen können, schreiben ein Pfad, der bestimmte Punkte (oder Punkte) auf der Leinwand gibt, um eine Linie dazwischen zu zeichnen. Dann können Sie die Linie streichen (ziehen Sie die Linie tatsächlich auf die Leinwand).

var canvas = document.body.appendChild(document.createElement("CANVAS")), context = canvas.getContext("2d"); 

context.beginPath(); 
    // all points are given as x (from left to right), y (from top to bottom) 
    context.moveTo(10, 20); // x = 10 (10 px from the left edge of the canvas), y = 20 (20 px from the top edge of the canvas) 
    context.lineTo(100, 97); // x = 100, y = 97 
    context.lineTo(50, 105); // x = 50, y = 100 

context.stroke(); 

[MDN]