duanhuang1967 2014-09-01 11:15
浏览 76
已采纳

如何使用PHP获取给定的HTML代码的缩略图视图

I'm using ckeditor to create email templates, I'm trying to get a thumbnail view of a given html code.

I have tried with

html2canvas(document.getElementById('templatecontent'),{
   onrendered: function (canvas) {         
    var imgString = canvas.toDataURL("image/png");
    window.open(imgString);                  
}});

But here id(#templatecontent) is hidden textarea element. How to save an image even if the id is hidden.

Or

Can this operation can be done directly with php if I have html code? this will be great. Please give me some suggestions or procedure to follow.

Error details: IndexSizeError: Index or size is negative or greater than the allowed amount

  • 写回答

1条回答 默认 最新

  • dsw7547 2014-09-01 12:37
    关注
        $html = @file_get_contents('Myvoucher/'.$_POST['filename'].'.html');
    
        $getFileCommonContents = @file_get_contents('voucher_common.html');
        $getFileCommonContents = str_replace('[MAIN_CONTENT]',  $html,      $getFileCommonContents);
        $html = 'htmlfiles/'.$_POST['filename'].date("Ymd").time().'.html';
        @file_put_contents($html,$getFileCommonContents);
        $target_html_file_url = 'http://xx.com/prakash_rd/'.$html;
        $phantomJs = 'jsfiles/'.$_POST['filename'].date("Ymd").time().'.js';
        $target_image_file  =   'images/'.$_POST['filename'].date("Ymd").time().'.jpg';
        $phantomScript              =   "var page = require('webpage').create();
        page.viewportSize = {
        width: 1343,
        height:12996
        };
        page.settings.userAgent = 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.114 Safari/537.36';
    
        page.onLoadStarted = function () {
            console.log('Start loading...');
        };
    
        page.onLoadFinished = function (status) {
            setTimeout(function() {
                phantom.exit();
                  // Do something after 5 seconds
            }, 5000);
        };
    
        page.open('".$target_html_file_url."',function (status) {
            page.render('".$target_image_file ."', { format: 'jpg', quality: 90 });
            phantom.exit();                                     
        });";
    
                @file_put_contents ($phantomJs, $phantomScript);        
                $command                    =   'phantomjs '.$phantomJs;
                @shell_exec($command);  
                if(file_exists($target_image_file))
                {
                //  unlink($phantomJs);
                } 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 pyqt6如何引用qrc文件加载里面的的资源
  • ¥15 安卓JNI项目使用lua上的问题
  • ¥20 RL+GNN解决人员排班问题时梯度消失
  • ¥15 统计大规模图中的完全子图问题
  • ¥15 使用LM2596制作降压电路,一个能运行,一个不能
  • ¥60 要数控稳压电源测试数据
  • ¥15 能帮我写下这个编程吗
  • ¥15 ikuai客户端l2tp协议链接报终止15信号和无法将p.p.p6转换为我的l2tp线路
  • ¥15 phython读取excel表格报错 ^7个 SyntaxError: invalid syntax 语句报错
  • ¥20 @microsoft/fetch-event-source 流式响应问题