Как нарисовать webkit-трансформированные холсты в один?

Question

У меня есть div, который содержит 6 холстов с примененными различными трансформациями webkit, и я хочу «нарисовать» содержимое этого div в один холст («сделать скриншот» этого div).Но кажется, что это будет немного сложно, потому что нет способа нарисовать div напрямую в canvas, и преобразования webkit не применяются, когда я пытаюсь нарисовать преобразованный canvas в другой.

Возможно ли этоправильно нарисовать эти холсты, используя преобразования холста (масштабирование, перевод и т. д.)?Есть ли хорошая библиотека, которая поможет вам преобразовать 3D-преобразования в 2D?Заранее спасибо.

Answer 1

Невозможно захватить содержимое div как изображение, но вы можете использовать родительский холст и нарисовать в нем остальные. Это можно сделать с помощью метода drawImage контекста родительского холста и передать исходный холст в качестве аргумента изображения.

Установив преобразование целевого контекста с помощью методов, определенных здесь , вы можете определить любое аффинное преобразование, которое вы хотите (масштабирование, перемещение, вращение - но не перспектива).