Создать растровую копию элемента, используя canvas

Question

Я создал простую программу макета страницы для клиента и хотел бы предоставить представление миниатюр страниц, таких как палитра страниц в InDesign. Можно ли использовать элемент холста HTML5 для создания копии одного элемента.

Например, каждая страница является тегом статьи. Я хочу скопировать эту статью, используя холст, уменьшить ее до 10%, а затем нарисовать на экране.

Answer 1

В спецификации холста в настоящее время нет способа делать снимки частей страницы.Firefox расширяет элемент canvas с помощью метода drawWindow () , который принимает координаты и размеры области, которую вы хотите сфотографировать.Однако этот метод доступен только для сценариев, выполняющихся с привилегиями уровня Chrome из-за проблем безопасности.Комментарий к методу в коде указывает, что это может измениться в будущем:

// We can't allow web apps to call this until we fix at least the
// following potential security issues:
// -- rendering cross-domain IFRAMEs and then extracting the results
// -- rendering the user's theme and then extracting the results
// -- rendering native anonymous content (e.g., file input paths;
// scrollbars should be allowed)

http://mxr.mozilla.org/mozilla/source/content/canvas/src/nsCanvasRenderingContext2D.cpp#2352

Answer 2

Хотя в Firefox 4+ это не использует canvas, можно использовать любой элемент HTML в качестве фонового изображения другого элемента. Подробности здесь: https://developer.mozilla.org/en/CSS/-moz-element