사각형 8만개를 그리려고 합니다..ㅠ
본문
사각형 8만개를 그려,
1초에 하나씩 제거하는 효과를 주려고 하는데 방법없을까요??
div나 span를 8만개를
ajax
async: true로 가져와도 매우 버벅대더라구여.
canvas로 그려도 많이 느려지겠죠??
플래쉬를 써도 느릴까요...? 끙
혹시 좋은 방법있으신분 조언 부탁드리겠습니다!
답변 1
순차적삭제인가요? 랜덤삭제인가요?
이게 중요할것같네요.
순차적 삭제라면 테이블로 만들어두고 td에 하나씩 클래스를 넣어서 css로 변경하셔도 되고요. js로 시작하는 사각형 다음이나 이전것의 순번을 1초당 포문돌려서 빼도되고. 이미지를 업로드후 배경설정하신다음에 사각형의 크기를 제이커리에 애니메이트로 애니메이트내 딜레이를줘서 늘려가면서 지워도되고요.
ajax는 한번처리하는것 같지만 값을 보내주고 처리후에 되돌려줘서 전체를 표시해주는거에요. 8만이라는 하나의 데이터를 보내고 7999라는 하나의 데이터를 받겠지만 7999라는 데이터만큼의 div나 span을 그려야 하니 느려지겠죠... 스크립트를 짜실때 바로 다음것만 검색하게 짜고 하나만 처리하게 하시면 빨라지실꺼에요.
랜덤삭제일경우에는 답이 없네요...
답변을 작성하시기 전에 로그인 해주세요.
