Canvas download multiple files

You are commenting using your Facebook account. Notify me of new comments via email. Notify me of new posts via email. This site uses Akismet to reduce spam. Learn how your comment data is processed. Skip to content. However, your application could be anything. This same "tainting" will occur if you drawImage a contaminated canvas onto a non-contaminated canvas.

The fix is to make sure all images you draw on the canvas originate on the same domain as your webpage. Here is an example of your code working properly when using an image that does not raise the cross-domain security error:. You can host your image on a server that already allows cross-origin access to it's images.

That's what I do in my example above. You can also configure your S3 bucket to allow cross-origin access to your images. Note that as in my example, if you're using cross-origin images, you must also set the image.

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 6 years, 7 months ago. Active 6 years, 7 months ago. Start off with creating an image and overlapping it on top of the canvas note that this will block all user interaction events on the canvas, so you'll have to pass them through manually. That's basic HTML5 canvas setup, nothing new.

Next is to bind an event listener to a right click on img mirror. In this function, we'll parse the canvas to a data URL and set it as the image src. When the user chooses Save as in the context menu, the browser will show a file dialog, allowing the user to save the canvas visual to his computer. Click on the " Course Details " tab across the top. Click " Import Course Content " on the right-hand side. Search for a course: Select the course you want to import from using the drop down menu, or search for the course name in the adjacent text box.

If the course is in a past term, make sure to click the " Include completed courses " checkbox to find it. Content: Select whether you want to import all content from the course or if you want to select just specific pieces of the content for the course selected.

Options: You can optionally select to have the import process adjust events and due dates either by shifting dates based on dates you select, or by removing the dates altogether. Click the " Import " button. To choose which parts of your source course will be copied, click the " Select Content " button to the far right of the job.

In the " Select Content " pop-up box that appears select the check boxes next to the content that you want to copy. For some content types, you may be able to expand and see more options by clicking on the down arrows.

Use this to have more granular control of which course items you want to copy. When you have selected everything that you want, click the " Select Content " button. The process will begin and your selected course materials will be imported. Depending on how large the content is, this process may take several minutes to complete.

Modifying Due Dates During Import When you import one course into another, during the import process, there is an option to modify the due dates and availability dates all at one time.

When initially filling out the "Import Content" form, select the option " Adjust events and due dates. Refining and Updating Your Course While the Import Course Content process brings over much of the content developed in a previous version of the course, there may be a number of external applications that need to be updated to work correctly in this new copy of your course.

External Application Steps to update this content Course Reserves Course Reserves content is not included with this process. Media Library Panopto Media Library content is not included with this process. Perusall Perusall allows for materials from another course to be used again in a new course. Redirect App Custom links in your course navigation menu created using the Redirect App that point to content within your Canvas site are static links that do not update when imported into a new site.