Почему канвас уходит к последнему элементу?

Question

[Евгений Низамиев]

Уже несколько часов безуспешно бьюсь с одной проблемой.

Вот код.

html2canvas(targetScreenId, {
        onrendered: function (canvas) {
                document.getElementById('block1').appendChild(canvas);
                document.getElementById('block2').appendChild(canvas);
        }
});

По идеи canvas должен находиться в двух блоках, но почему-то он появляется только в последнем(block2). Почему так происходит? Как это исправить?

Answer 1

[Евгений Низамиев]

Нашел решение тут stackoverflow.com/questions/3318565/any-way-to-clo...

Конечно не так шустро работает, но это лучше чем toDataUrl();

Answer 2

[volkhin]

Если на странице нарисовано два canvas, то где-то есть два объекта canvas. Ты же пытаешься один объект нарисовать дважды, так нельзя. Создай два объекта и рисуй их.

Comments

[Евгений Низамиев]

Если не сложно, можешь подсказать как это сделать?

Answer 3

[Андрей Буров]

Один объект может быть только в одном элементе.
appendChild не клонирует объект.

Comments

[Евгений Низамиев]

Можете посоветовать что делать?
Элементов в которых должен находиться канвас может быть неопределённое множество.

Answer 4

[Сергей Мельников]

html2canvas(targetScreenId, {
  onrendered: function (canvas) {
    document.getElementById('block1').appendChild(canvas);
    document.getElementById('block2').appendChild(canvas.cloneNode());
  }
});

Comments

[Евгений Низамиев]

скопировался, но канвас пустой

[volkhin]

Конечно пустой, если хочешь несколько канвасов надо во все и рисовать