B4J Question ABMPage Save as image

[jinyistudio]

Hi

Could i Export ABMPage as a images file or pdf file and save in server side !?

 

[DonManfred]

You should prefix your Threadtitle with "[ABMaterial] "

 

[alwaysbusy]

Html2Canvas.js is the only javascript library that can do 'something' like that. I tried it but it gives unreliable results so it will not be integrated in ABMaterial (e.g. it can not work crossdomein, so stuff like Google Maps, special fonts, images on other server are not generated)

 

[jinyistudio]

Hi
My all data of the abmpage is in same server !

 

[jinyistudio]

Hi

Do you have a sample code !?

 

[mindful]

@alwaysbusy there also is PhantomJS which can screenshot an webpage. http://phantomjs.org/screen-capture.html

I haven't tryed it ... yet as I am not at that stage with my project

 

[alwaysbusy]

@mindful did not know about this one. I'll have to check it out....

Do you have a sample code !?

No, as it did not work properly

 

[jinyistudio]

Hi,I have try phantomjs. It is OK for saving as image

var WebPage = require('webpage');
page = WebPage.create();
page.viewportSize = {
width: 800,
height:1600
};
page.open('http://192.168.1.168:8010/dnc-node/EqipPage/index.html?M001,內層顯影線?1496967724582');
page.onLoadFinished = function() {
window.setTimeout(function () {
page.render('test.png');
phantom.exit();
}, 2000); // Change timeout as required to allow sufficient time
}

 

[jinyistudio]

Hi,I have try png and pdf. all is ok!

var page = require('webpage').create(),
    system = require('system'),
    address, output, size, pageWidth, pageHeight;

if (system.args.length < 3 || system.args.length > 5) {
    console.log('Usage: rasterize.js URL filename [paperwidth*paperheight|paperformat] [zoom]');
    console.log('  paper (pdf output) examples: "5in*7.5in", "10cm*20cm", "A4", "Letter"');
    console.log('  image (png/jpg output) examples: "1920px" entire page, window width 1920px');
    console.log('                                   "800px*600px" window, clipped to 800x600');
    phantom.exit(1);
} else {
    address = system.args[1];
    output = system.args[2];
    page.viewportSize = { width: 600, height: 600 };
    if (system.args.length > 3 && system.args[2].substr(-4) === ".pdf") {
        size = system.args[3].split('*');
        page.paperSize = size.length === 2 ? { width: size[0], height: size[1], margin: '0px' }
                                           : { format: system.args[3], orientation: 'portrait', margin: '1cm' };
    } else if (system.args.length > 3 && system.args[3].substr(-2) === "px") {
        size = system.args[3].split('*');
        if (size.length === 2) {
            var pageWidth = parseInt(size[0], 10),
                pageHeight = parseInt(size[1], 10);
            page.viewportSize = { width: pageWidth, height: pageHeight };
            page.clipRect = { top: 0, left: 0, width: pageWidth, height: pageHeight };
        } else {
            console.log("size:", system.args[3]);
            var pageWidth = parseInt(system.args[3], 10),
                pageHeight = parseInt(pageWidth * 3/4, 10); // it's as good an assumption as any
            console.log ("pageHeight:",pageHeight);
            page.viewportSize = { width: pageWidth, height: pageHeight };
        }
    }
    if (system.args.length > 4) {
        page.zoomFactor = system.args[4];
    }
    page.open(address, function (status) {
        if (status !== 'success') {
            console.log('Unable to load the address!');
            phantom.exit(1);
        } else {
            window.setTimeout(function () {
                page.render(output);
                phantom.exit();
            }, 2000);
        }
    });
}

 

[jinyistudio]

Hi, Call it in command line is OK, Why my jshell always give exitcode=1('Unable to load the address!') ?

Sub PrintUrlPage (jsNa As String, UrlNa As String, imageNa As String, Size As String)
    Dim arg1 As String=$"${File.DirApp}/www/dnc-node/Script/${jsNa}"$
    Dim arg2 As String=UrlNa
    Dim arg3 As String=$"${File.DirApp}/www/dnc-node/Export/${imageNa}"$
    Dim arg4 As String=Size
    Dim shl As Shell  
    shl.Initialize("shl", $"${File.DirApp}/www/dnc-node/Script/phantomjs"$,Array As String(arg1,arg2,arg3,arg4))
    shl.WorkingDirectory=$"./www/dnc-node/Export"$
    shl.Run(8000) 'set a timeout of 10 seconds
End Sub