How to open a downloaded pdf from canvas

What can I do with my Canvas site? Hosting Videos in Canvas How do I add a syllabus to my site? How do I add captions to uploaded videos in Canvas as an instructor? How do I copy content from my old Canvas course or Canvas development site into my new Canvas site for this semester?

How do I organize my course content? How do I upload video files to Kaltura? How to copy a single Content Page from one course to another in Canvas How to copy individual items to another Canvas course or share them with another instructor How to create formulas within Canvas Pages and Assessments How to easily reuse directions across several graded items within a single course in Canvas How to ensure your HTML syllabus contains up-to-date FSU Institutional Policies How to hide a Module and its content from every area of your Canvas course How to lower your video's file size using Handbrake How to post LinkedIn Learning formerly Lynda.

Can I do this in Canvas? The PDF operations are asynchronous at all stages. This means you also need to catch the promise at the last render as well. If you not catch it you will only get a blank canvas as the rendering isn't finished before the loop continues to the next page.

Tip: I would also recommend that you use something else than getImageData as this will store uncompressed bitmap, for example the data-uri instead which is compressed data. Here is a slightly different approach eliminating the for-loop and uses the promises better for this purpose:.

When you then need to retrieve a page you simply create an image element and set the data-uri as source:. Due to the image loading it will be asynchronous in nature as well which is why we need the callback. If you don't want the asynchronous nature then you could also do this step creating and setting the image element in the render promise above storing image elements instead of data-uris.

So to get you started, I would start by changing your code to this very, very untested! Since you already start by drawing each page into a canvas, why not keep a separate, hidden canvas for each page. Then when the user wants to see page 6, you just copy the hidden canvas 6 onto your display canvas. You can pass the number page to the promises , get that page canvas data and render in the right order on canvas.

Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Asked 8 years, 8 months ago. Active 3 years, 8 months ago.

Viewed 46k times. If you find a typo or outdated info, or have a suggestion to improve this guide, please share your feedback. Additional Products.

Interest Groups. View All Groups. Instructure Live. Join or host a live event in the Community. Learn about upcoming conferences or watch recordings from past events. Upcoming Event:. November 23, Canvas Klatch - Nov. Featured Partners. Amazon Web Services. Partners View All Partners. I suggest you trying with paths and rect first, and moving to Text then when you got some familiarity with code.

Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Asked 3 years, 10 months ago. Active 3 years, 10 months ago. Viewed 4k times. Thanks in advance. Improve this question. This is a pretty complicated thing do achieve. You can easely take a picture of the canvas and put it in a pdf file LINK. But to be able to later continue editing the peoject in Illustrator, you will have to go through ALOT of hard translating.

It seems that it's hard to do this with javascript. Any idea about server side coding?