하고 싶은 일

진척

구현한 기능 및 참고 링크

행렬의 선을 그립니다.

// The .drawLine() object
var hobj = {
  strokeStyle: 'gray',
  strokeWidth: 2,
  rounded: true
};

// Your array of points
var hpts = [
  [w/100, h/2],
  [w-w/100, h/2],
];

// Add the points from the array to the object
for (var p = 0; p < hpts.length; p += 1) {
  hobj['x'+(p+1)] = hpts[p][0];
  hobj['y'+(p+1)] = hpts[p][1];
}

// Draw the line
$('canvas').drawLine(hobj);

// The .drawLine() object
var vobj = {
  strokeStyle: 'gray',
  strokeWidth: 2,
  rounded: true
};

// Your array of points
var vpts = [
  [w/2, h/100],
  [w/2, h-h/100],
];

// Add the points from the array to the object
for (var p = 0; p < vpts.length; p += 1) {
  vobj['x'+(p+1)] = vpts[p][0];
  vobj['y'+(p+1)] = vpts[p][1];
}

// Draw the line
$('canvas').drawLine(vobj);

캔버스를 전체 화면으로 표시

$( '#canvas' ).get( 0 ).width = $( window ).width();
$( '#canvas' ).get( 0 ).height = $( window ).height();

jcanvas를 사용하여 그려보십시오.

웹 애플리케이션으로 게시

하고 싶은 일