Canvas clearRect не стирает все мои строки

Question

Я использую clearRect для стирания и перерисовки линий на холсте, но иногда линии остаются.Я не знаю, где я иду не так.Я загрузил демо здесь.Это скриншот проблемы:

http://zackseuberling.com/screenshots/screen_shot_2011-10-27_at_11.19.29_am_bd26.png

Я передаю линии для рисования в виде многоуровневого массива, подобного этому

    all_curves = [
            ['down_right',
                    [255, 250, 100, 40]
            ],
            ['right_down',
                    [355, 290, 330, 245]
            ]
    ]

где"down_right" и т. д. - это путь кривой, а массив целых чисел - это x, y, длина и высота кривых.

это код, который рисует линии

    for(each_line in all_curves){
            mask_draw(this, all_curves[each_line][0], all_curves[each_line][1][0], all_curves[each_line][1][1], all_curves[each_line][1][2], all_curves[each_line][1][3]);
    }

Answer 1

Я переписал ваш код и считаю, что он работает правильно. Проблема, на мой взгляд, заключалась в использовании нескольких элементов canvas и их наложении с помощью CSS. Я загрузил архив zip на MediaFire , так что вы можете скачать его оттуда. Я только внес изменения в файл index.html и создал новый файл stack.js в папке js. Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать меня. Надеюсь, это поможет.