
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
Print a HTML5 canvas element
The following is the code snippet to display an HTML5 canvas element.
<a href = "javascript:print_voucher()">PRINT CANVAS</a> function print_canvas() { $("#canvas_voucher").printElement(); }
Here canvas_voucher is ID of canvas element.To make this start functioning we need to convert the canvas into .png image URL and open it in a new browser window. Print dialog is triggered to let user print the page.
function print_canvasr(){ var win1 = window.open(); win1.document.write("<br><img src = '"+canvas.toDataURL()+"'/>"); win1.print(); win1.location.reload(); }
- Related Articles
- Can the HTML5 Canvas element be created from the Canvas constructor?
- Measure text height on an HTML5 canvas element
- How can I use the HTML5 canvas element in IE?
- Translating HTML5 canvas
- HTML5 Canvas distorted
- HTML5 Canvas Transformation
- Change colour of an image drawn on an HTML5 canvas element.
- Create a pattern with HTML5 Canvas
- Draw a shadow with HTML5 Canvas
- How do I add a simple onClick event handler to an HTML5 canvas element?
- HTML5 Canvas Transformation Matrix
- HTML5 Canvas Circle Text
- HTML5 Canvas Degree Symbol
- HTML5 Canvas Font Size Based on Canvas Size
- How can I alter the color of an HTML5 canvas element using jQuery?

Advertisements