canvas의 셀렉팅과 인식

1. 자바스크립트에서 canvas ID를 가져올때는 직접 document객체에 접근해서 정의한다.

//ex) 캔버스를 생성

var can = document.getElementById('canvasID');

CANVAS["context"] = can.getContext('2d');

//ex) raphael을 생성

var canvas = document.getElementById('svg'+_pCount);

var raphael = new Raphael(canvas, 500, 500);

var myBall = raphael.ball(100, 100, 80, Math.random());

function myBall...

---

2. css 속성 접근은 제이쿼에서 직접 셀렉트하여 접근한다.

위에서 할당된 can, canvas변수로 접근불가. 아래와 같이 해결.

//ex)

$('#canvasID').attr({'width':w, 'height':h}).css({'border':'silver solid 2px', 'opacity':1})

$('#canvasID').css({'position':'absolute', 'left': 0, 'top' : 0, "opacity":0.5});

분리선언하여 관리 하면 그래픽 코어는 그대로 유지한채 css속성을 다양하게 제어 할 수 있는 장점이 있다.

results capture)

왜 호환이 안되는지에 대한 분석필요. 이것때문에 3시간 삽질.