Рисование HTML на холсте - PullRequest
Новая
       8

Рисование HTML на холсте

4 голосов
/ 23 мая 2011

С появлением нового HTML5 Canvas мне стало интересно, можно ли нарисовать HTML-раздел на холсте?

Идея состоит в том, чтобы взять фрагмент существующего HTML-кода (с той же страницы,или определено в другом месте) и превратить его в графику.

Что-то вроде: 

htContext.drawElement(document.getObjectByID("someObj"),0,0);

1 Ответ

3 голосов
/ 23 мая 2011

Firefox имеет собственный метод drawWindow .С его помощью вы можете нарисовать весь документ на холсте.Но только в Firefox к сожалению.А также из-за проблем безопасности вам нужны разрешения от пользователя, чтобы сделать это.Так что он подходит только для какого-то внутреннего проекта.

Вот пример тестовой страницы: 

<!DOCTYPE html>
<html>
<head>
    <title>drawWindow</title>
    <script>
        window.onload = function(){
            netscape.security.PrivilegeManager.enablePrivilege('UniversalBrowserRead');
            document.getElementById('canvas').getContext('2d').drawWindow(window, 0, 0, 100, 200, "rgb(255,255,255)");
        }
    </script>
</head>
<body>
    <h1>Test</h1>
    <canvas id="canvas"></canvas>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...