In a client-side standalone JS application, I'm trying to make it so I can call toDataURL() on a canvas on which I've drawn some images specified by a URL. Ie I can input into a textbox the url to ...

canvas.toBlob() requires a callback function but canvas.toDataURL() returns the result synchronously. Why the difference? It's not a problem, but I'm super curious and I can't find an explanation f...

I am getting frames from canvas through canvas.getDataURL(). However, now I have an array of png images, but I want a video file. How do I do this? var canvas = document.getElementById("mycanvas...

Okay, I know that canvas.toDataUrl() will produce an image in png format. However, when I try to get the image from http://threejs.org/examples/#webgl_lines_sphere. All I see is a black image on ch...

I am building a design tool to create fully customizable photo products like photobooks. I use technologies such as firebase (database and storage) and angular4. In order to integrate google photos...

Ive been uploading image files to an API (Graphcool) with this, and everything was working fine: fileUpload(file) { let data = new FormData(); data.append('data', file); axios .post(`https:/...

I checked this same code in Firefox and it works perfectly. In fact, this worked in Chrome a few weeks back, but now I'm just getting a blank screen. The code is below: The function triggers on ...

I have a Fabric.js prototype where people can load photos, text, and maps into the canvas. When they're done, I want them to be able to save the canvas as an image. I've tried using the standard: ...

I'm using javascript and html canvas to resize jpeg images. After resizing, I use canvas.toDataURL as the href attribute in an anchor tag in order to provide a link where users can download the res...

Need to generate .png images that are about ~20k in size using HTML5 canvas. Unfortunately, when creating .pngs using the toDataURL() method, you cannot specify quality like you can with jpegs. A...

Background Setup I have a web application that deals with creating images from a set of other images. The way I've chosen to do that is by reading in a set of images and placing them on an HTML ca...

So I'm trying to create a print map function for an OpenLayers 3 application I'm building. I'm aware of their example but whenever I attempt to use it I run into the dreaded tainted canvas issue. I...

I'm attempting to merge two HTML canvases into a single canvas and then download that as an image. My code is as below: function downloadCanvas() { var bottleCanvas = document.getElementById('bot...

I'm using glfx.js to edit my image but when I'm trying to get that image's data using the toDataURL() function I get a blank image (width the same size as the original image). The strange thing is...