[컴][웹]html5 - canvas 를 이용한 시간표 pie chart 만들기

canvas 를 활용해서 어렸을때 했던 시간표를 그려보았다.
대략 아래와 같은 모습의 결과물이 나온다.

mootools(mootools-core-1.3.1-full-nocompat.js)를 사용했으며, resize 될 때마다 window size 에 맞춰서 다시 그리게 된다. 색깔은 random 하게 들어간다.

timetable.zip

사용법
timetable 과 contenttable 이 존재한다. timetable 은 시간을 순서대로 적어주면 된다. 그리고 contenttable 은 timetable 의 시간과 시간 사이에 할 일을 적어주면 된다.
예를 들면,
timetable = [1,2,3];
contenttable = ['영어', '수학', '잠'];
이 있으면, 1~2 시에 하는 것은 '영어' 가 되는 것이고, 2~3 시는 '수학', 3~1 시는 '잠' 이 된다.