Html Canvas нарисовать линию с помощью точек

Question

я хочу, чтобы загрузить изображение, основанное на том, что Как нарисовать линию между выбранными точками и я хочу, чтобы захватить то конкретное изображение
поэтому, пожалуйста, подскажет, как написать в html5

Answer 1

Вы можете рисовать путь, дающий определенные точки (или точки) на холсте, чтобы провести линию между ними. Затем вы можете погладить линию (фактически нарисуйте линию на холсте).

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]