Questions tagged [putimagedata]

The putImageData() is a method of the HTML5 Canvas, and is used to place new image data onto an existing image.

The putImageData(imageData, dx, dy) method of the 2D API places the contents of the imageData array into the calling CanvasRenderingContext2D object at position (dx, dy).

An optional 'dirty rectangle' can be used to clip the imageData.

For more information, see MDN.

81 questions
0
votes
0 answers

how to append an Image to request url in android

I have made an activity in that I am selecting a pic from camera or gallery and have to upload to server by appending its name and data to url,I have heard about to convert it to binary or "imageData" and append to requestURL to upload it over…
Jigar jims
  • 157
  • 3
  • 15
0
votes
1 answer

Canvas putImageData XOR issue only on iPad

Does anyone know what is wrong with the following code. Demo: http://jsbin.com/xecicovi/1/ It runs fine on windows and android but the cursor inconsistently leaves some trail lines on iPad. I am using getImageData and XOR'ing the bits and…
Rex Hui
  • 71
  • 1
  • 7
0
votes
0 answers

jQuery manipulating images via drawImage() and getImageData()

I'm stuck with a problem. I want to convert green drawn strokes to yellow drawn strokes on an image. So: I have an image, you draw on the image and you see green lines. Then, in another canvas, I want those green lines to be yellow. I have this so…
Luud Janssen
  • 362
  • 1
  • 3
  • 12
0
votes
3 answers

Blending two ImageData into one ImageData with an offset in Javascript

I'm trying to blend two ImageData objects into a single object in order to obtain result similar to the pictures shown in this link The following is the Javascript code that has the two ImageData var redImage = copy.getImageData((SCREEN_WIDTH -…
Vidhuran
  • 212
  • 4
  • 16
0
votes
2 answers

HTML5 canvas pixel manipulation with imageData

I'm trying to create some black and white copy of an image like this for some pictures it works perfect and for some pictures i get this skewed result as you can see on the link. this is my code: var imageData = ctx.createImageData(c.width,…
Idancn
  • 37
  • 6
-1
votes
1 answer

Javascript PutImageData doing nothing

I'm using the following code to replace the canvas with a solid color when run. The issue is that while the image is created it is not mapped to the canvas. function draw() { var canvas = document.querySelector('canvas'); if (canvas.getContext)…
1 2 3 4 5
6