Разделите холст на куски

Question

Я использую html2canvas для создания скриншота URL-адреса. Этот снимок экрана отображается на странице, и я хочу, чтобы он мог разбивать его на куски, когда его щелкали.

Выходной файл, который я получаю из html2canvas, является элементом холста. Как я могу «разбить» его на случайные фрагменты? Должен ли я создать новый элемент холста для каждой части, которую я хочу?

Answer 1

Html2Canvas не щелкает. Он просто предоставляет элементы DOM, предоставленные ему. Так что я не думаю, что вы можете сломать сделанный холст на кусочки.

Как это работает

Сценарий проходит через DOM страницы перегружается на. Он собирает информацию обо всех элементах, которые он затем использует для создания страницы. Другими словами, это не фактически сделать снимок экрана страницы, но создает представление , основанное на свойствах, которые он читает из DOM.

Но одна вещь, которую вы можете сделать, это разделить содержание DOM на части и вы можете использовать Html2Canvas для каждого DOM штук, и вы получите нужный результат.