트리 알고리즘을 위해 WebGL, HTML5 또는 CSS3에서 선을 그리는 방법은 무엇입니까?

Question

WebGL, HTML5 또는 CSS3을 사용하여 캔버스에 특정 색상의 선을 그 으려면 어떻게해야합니까?

기본적으로 초보자이며 트리 알고리즘을 그리는 것으로 시작합니다. 부모 노드를 자식 노드에 연결하는 선을 그립니다. 누군가 나를 올바른 방향으로 이끌 수 있었습니까?

Answer 1

캔버스에 선을 그리려면 Javascript를 사용해야 할 가능성이 큽니다. paper.js과 같은 라이브러리를 살펴보면 캔버스에서 쉽게 그리기위한 API를 제공합니다.

var drawingCanvas = document.getElementById('myDrawing'); 
// Check the element is in the DOM and the browser supports canvas 
if(drawingCanvas.getContext) { 
    // Initaliase a 2-dimensional drawing context 
    var ctx = drawingCanvas.getContext('2d'); 
    ctx.lineWidth = 1; 
    ctx.beginPath(); 
    ctx.moveTo(5*14,5); 
    ctx.lineTo(5*14,140); 
    ctx.stroke() 
}