Диаграммы и Canvas

@lino217 · Регистрация: 01.04.2013

Студворк — интернет-сервис помощи студентам

Добрый день!
При использовании библиотеки flotr2 для создания диаграмм и библиотеки html2canvas в отдельное изображение сохраняется только сама диаграмма, а не всё содержимое из body. В чём может быть дело?

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
$uri = $_SERVER['DOCUMENT_ROOT'];
include("config.php");
 
  //display results
  $countvotes = mysql_query("SELECT * FROM `rus_options`");
  while ($row = mysql_fetch_assoc($countvotes)) {
      $totalvotes += $row["votes"];
  }
 
  $i = 0; //количество вариантов
  $get_questions = mysql_query("SELECT * FROM `rus_options`");
  while($r=mysql_fetch_array($get_questions)){
    extract($r);
    if ($totalvotes == 0) {
        $totalvotes = 1;
        $per = $votes * 100 / $totalvotes;
        $per = floor($per);
        $i++;
        ${'per'.$i} = $per/10;
        ${'vote'.$i} = $field;
    }
    else {
        $per = $votes * 100 / $totalvotes;
        $per = floor($per);
        $i++;
        ${'per'.$i} = $per/10;
        ${'vote'.$i} = $field;
    }
}
$rus_config = mysql_fetch_array(mysql_query("SELECT `result` FROM `rus_config` AS `result`"));
$i = $rus_config['result'];
file_put_contents('rus_result'.$i.'.png', base64_decode($_POST['data'] ));

HTML5
1
2
3
4
5
6
7
8
9
10
<div id="sum">Итого: <?echo ($totalvotes) ?> голосов</div>
 
<div class="render" id="graph" style="
                                                position: relative;
                                                height:500px;
                                                width:1000px;
                                                font: 18px tahoma;
                                                padding:12px 0 0 12px;
                                                margin:-42px 0 0 -11px;
                                         "></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
(function basic_pie(container) {
    var
        d1 = [[0, <?php echo $per1;?>]],
        d2 = [[0, <?php echo $per2;?>]],
        d3 = [[0, <?php echo $per3;?>]],
    graph;
 
    graph = Flotr.draw(container, [
        { data : d1, label : '<?php echo $vote1;?>' },
        { data : d2, label : '<?php echo $vote2;?>' },
        { data : d3, label : '<?php echo $vote3;?>' },
    ],{
        HtmlText: true,
        colors: ['#00A8F0', '#C0D800', '#CB4B4B', '#4DA74D', '#9440ED'],
        shadowSize: 5,
        grid : {
            verticalLines : false,
            horizontalLines : false
        },
        xaxis : { showLabels : false },
        yaxis : { showLabels : false },
        pie : {
            show : true,
            explode : 20
        },
        mouse : { track : false },
        legend : {
            position : 'se',
            backgroundColor : '#fff'
        }
    });
})(document.getElementById("graph"));
 
html2canvas(document.body).then(function(canvas) {
    document.body.appendChild(canvas);
    var canvas = $('canvas')[0];
    var data = canvas.toDataURL('image/png').replace(/data:image\/png;base64,/, '');
    $.post('',{data:data}, function(rep){});
    $('canvas').remove();
    //setTimeout(function() { window.close() }, 2000);
});

@lino217 · 25.09.2018, 17:14 **[ТС]**

Проблема оказалась в строке 13 js:

JavaScript
1
HtmlText: true,          // => wether to draw the text using HTML or on the canvas

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .