Webkit html to image

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

wkhtmltoimage — Convert html to image using webkit (qtwebkit). Linux amd64 Binary.

License

h4cc/wkhtmltoimage-amd64

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

This repository contains the static compiled binaries from the wkhtmltopdf project. More about the functionality of wkhtmltopdf and wkthmltoimage can be found there.

Hint: The version of the binary is equal to the git tag. To install the latest version, use ‘0.12.4’.

This package can be found on Packagist and installed with Composer.

Require the package for i386 with:

php composer.phar require h4cc/wkhtmltoimage-i386 "0.12.4" 

php composer.phar require h4cc/wkhtmltoimage-amd64 "0.12.4" 

The binary will then be located at:

vendor/h4cc/wkhtmltoimage-i386/bin/wkhtmltoimage-i386 

Also a symlink will be created in your configured bin/ folder, for example:

vendor/bin/wkhtmltoimage-i386 

About

wkhtmltoimage — Convert html to image using webkit (qtwebkit). Linux amd64 Binary.

Источник

Node.js HTML Convert webkit-html-to-image-phantomjs: Simple Phantom.js Webkit powered HTML to Image conversion service.

In this tutorial you can find a node.js project called webkit-html-to-image-phantomjs.

The project is about Simple Phantom.js Webkit powered HTML to Image conversion service..

webkit-html-to-image-phantomjs node.js project has the following dependencies.

Name	Version
bunyan	*
gm	*
express	*

webkit-html-to-image-phantomjs node.js project is released under: MIT

Javascript Source Files

The project has 2 Javascript files.

var Page = require('webpage'), server = require('webserver').create(); /*w w w. d e m o 2 s. c o m */ function error(response,errorMessage) < response.statusCode = 200; response.headers = < 'Cache': 'no-cache', 'Content-Type': 'text/plain;charset=utf-8' >; response.write(errorMessage); response.close(); > service = server.listen(3000, function (request, response) < if(request.method == 'DIE') < console.log('Recieved a termination signal.'); phantom.exit(); > else if(request.method == 'POST') < if(request.headers['Content-Type']=='text/html') < console.log("HTML body received"); var page = Page.create(); page.viewportSize = < width: 1024, height: 768 >; console.log("Downloading"); page.setContent(request.post,''); page.evaluate(function() < document.body.bgColor = 'white'; >); page.onLoadFinished = function(status) < console.log("Rendering"); imageData = page.renderBase64('PNG'); response.statusCode = 200; response.headers = < 'Cache': 'no-cache', 'Content-Type': 'image/png' >; response.write(imageData); response.close(); console.log("Request completed") >; > else < console.log("POST received but the Content-Type header was not correct"); error(response,"Header value Content-Type should be set to text/html"); > > else < console.log("Non-POST request received"); error(response,"Usage: Send a POST body containing the HTML to render. Be sure to set the Content-Type header to text/html"); > >); if(service) < console.log('Phantom.js server running on port ' + server.port); > else < console.log('Error: Could not create Phantom.js server listening on port ' + server.port); phantom.exit(); >

var gm = require('gm'), express = require('express'), bunyan = require('bunyan'); /* w ww .d e m o 2 s . c o m */ var app = express(), log = bunyan.createLogger(name: "phantom">); log.info("Starting Phantom.js service. "); var phantom = require('child_process').spawn('./phantom.sh'); //Wait until we get a launched response from phantom.js before we start our own web server. phantom.stdout.on('data', function (data) < var data = new Buffer(data); var data = data.toString(); lines = data.split(/(\r?\n)/g); log.info(lines[0]); if(lines[0].indexOf("Phantom.js server running") > -1) < log.info("Starting web server. "); //Parser for extracting the raw POST body full of text/html app.use (function(req, res, next) < var data=''; req.setEncoding('utf8'); req.on('data', function(chunk) < data += chunk; >); req.on('end', function() < req.body = data; next(); >); >); //Route for accepting HTML and returning image data. app.post('/', function(req, res) < if(req.headers['content-type'] == 'text/html') < log.info("Sending HTML to the Phantom.js process"); console.log('test'); res.json('good': req.body>); > else < log.info("Bad POST. Expected Content-Type: text/html"); res.json('error': 'Expected header Content-Type: text/html'>); > res.end(); >); //Start the server app.listen('3001', function (server) < log.info("Server started and listening. "); >); > >); phantom.on('exit', function (code) < log.info("Phantom.js service exited with code: " + code); log.info("Closing server because child Phantom.js process has closed"); process.exit(1); >); process.on('SIGTERM', function() < log.info("Ending the Phantom.js process"); phantom.kill(); >);

Related

• Node.js HTML Convert url2pdf: Fetches a URL and converts HTML to PDF files using PhantomJS
• Node.js HTML Convert virtual-html: Convert given HTML into Virtual DOM object
• Node.js HTML Convert vs-code-analysis-to-html: convert vc.nativecodeanalysis.xml to html
• Node.js HTML Convert webkit-html-to-image-phantomjs: Simple Phantom.js Webkit powered HTML to Image conversion service.
• Node.js HTML Convert wget64: Convert an HTML document to a single-file archive, using base64 data-urls
• Node.js HTML Convert wikipedia: Wikitext to HTML conversion service
• Node.js HTML Convert wiky: A bidirectional Wiki markup to and from HTML converter written in JavaScript.

demo2s.com | Email: | Demo Source and Support. All rights reserved.

Источник

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

A simple Phantom.js webkit HTML to Image conversion service

nathanpeck/webkit-html-to-image-phantomjs

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

A simple Phantom.js webkit HTML to Image conversion service

The following installation steps have been verified to work on Ubuntu:

git clone https://github.com/nathanpeck/webkit-html-to-image-phantomjs.git

sudo apt-get install python-software-properties python g++ make sudo add-apt-repository ppa:chris-lea/node.js sudo apt-get update sudo apt-get install nodejs npm

wget https://phantomjs.googlecode.com/files/phantomjs-1.9.0-linux-i686.tar.bz2 tar xvf phantomjs-1.9.0-linux-i686.tar.bz2 sudo mv phantomjs-1.9.0-linux-i686/bin/phantomjs /usr/bin/phantomjs

sudo npm install -g supervisor cd webkit-html-to-image-phantomjs npm install

About

A simple Phantom.js webkit HTML to Image conversion service

Источник

IMGKit: Python library of HTML to IMG wrapper

Python 2 and 3 wrapper for wkhtmltoimage utility to convert HTML to IMG using Webkit.

Installation

sudo apt-get install wkhtmltopdf

brew install --cask wkhtmltopdf

Usage

Also you can pass an opened file:

If you wish to further process generated IMG, you can read it to a variable:

 You can find all wkhtmltoimage options by type wkhtmltoimage command or visit this Manual. You can drop '--' in option name. If option without value, use None, False or '' for dict value:. For repeatable options (incl. allow, cookie, custom-header, post, postfile, run-script, replace) you may use a list or a tuple. With option that need multiple values (e.g. --custom-header Authorization secret) we may use a 2-tuple (see example below).

At some headless servers, perhaps you need to install xvfb:

 sudo apt-get install xvfb yum install xorg-x11-server-Xvfb

Then use IMGKit with option xvfb: .

By default, IMGKit will show all wkhtmltoimage output. If you don’t want it, you need to pass quiet option:

Due to wkhtmltoimage command syntax, TOC and Cover options must be specified separately. If you need cover before TOC, use cover_first option:

You can specify external CSS files when converting files or strings using css option.

  You can also pass any options through meta tags in your HTML:

    Each API call takes an optional config paramater. This should be an instance of imgkit.config() API call. It takes the config options as initial paramaters. The available options are:

• wkhtmltoimage — the location of the wkhtmltoimage binary. By default imgkit will attempt to locate this using which (on UNIX type systems) or where (on Windows).
• xvfb — the location of the xvfb-run binary. By default imgkit will attempt to locate this using which (on UNIX type systems) or where (on Windows).
• meta_tag_prefix — the prefix for imgkit specific meta tags — by default this is imgkit-

Example — for when wkhtmltopdf or xvfb is not in $PATH :

Credit

IMGKit author

Contributors

• v-hunthttps://github.com/v-hunt
• archydeberkerhttps://github.com/archydeberker
• arayatehttps://github.com/arayate
• xtrntrhttps://github.com/xtrntr
• mike1703https://github.com/mike1703
• themeewahttps://github.com/themeewa

Источник