drawimage

I try to draw an image from a image list in a combobox when the item is selected. I am able to draw the image, but when the onSelctedIndexChanged event finish, i lost my image. My combobox already have the DrawMode.OwnerDrawFixed I have a ListImage control named ImageList with 10 pictures. For my short example i just need to draw in my combobox the image at position 1 of my ImageList, it's the reason why i get this.ImageList.Draw(g, 0, 0, 1 ); protected override void OnSelectedIndexChanged(EventArgs e) { base.OnSelectedIndexChanged(e); if (this.SelectedIndex > -1) { var g = this.CreateGraphics

Im creating a big bitmap which contains some smaller images from files. The images have both a size of 250px, but one of them gets smaller and the other bigger than 250px. I'm just using the basic g.drawimage method, so I don't get what I do wrong. string[] imagePaths = Directory.GetFiles(@"C:\Users\admin\Desktop\Images"); ArrayList images = new ArrayList(); foreach (var item in imagePaths) images.Add(new Bitmap(item, true)); Bitmap list = new Bitmap(840, 1188); Graphics g = Graphics.FromImage(list); int size = 0; for (int i = 0; i < images.Count; i++) { g.DrawImage((Bitmap)images[i], new

I'm working on a simple JavaScript game using HTML5 canvas. It's a very typical game-loop setup involving: init() function that initializes objects to be used the playfield, randomizing some start x/y positions and similar setup tasks draw() function that draws all the game objects, including some simple canvas shapes and a few images setInterval to call draw every 25 milliseconds While getting this project started, I had the setInterval call at the end of the init() function, so it'd just start drawing and animating as soon as you loaded the page, and everything worked fine. Now that I'm

I'm using this script: var canvas = new fabric.Canvas('game_canvas', { selection: false }); fabric.Image.fromURL('images/bg.jpg', function(img) { img.set('left', 1024/2).set('top', 600/2).set('zindex', 0); canvas.add(img); }); fabric.Image.fromURL('images/panel-2-bg-l-r.png', function(img) { img.set('left', 262/2).set('top', (390/2)+110).set('zindex', 1); canvas.add(img); }); fabric.Image.fromURL('images/player-board.png', function(img) { img.set('left', 254/2).set('top', (122/2)).set('zindex', 2); canvas.add(img); }); fabric.Image.fromURL('images/player-board-top-red.png', function(img) { img

I'm trying to use drawImage to draw a semi-transparent PNG on a canvas element. However, it draws the image as completely opaque. When I look at the resource that's being loaded and load the actual PNG in the browser, it shows the transparency, but when I draw it on the canvas, it does not. Any ideas? Here's the code: drawing = new Image() drawing.src = "draw.png" context.drawImage(drawing,0,0); Menno Bieringa Don't forget to add an event listener to the image's load event. Image loading is something that happens in the background, so when the JavaScript interpreter gets to the canvas

I am drawing on a canvas with the following line: ctx.drawImage(compositeImage, 0, 0, image.width, image.height, i, j, scaledCompositeImageWidth, scaledCompositeImageHeight); This code has executed error free on Safari, Chrome, Firefox (and even IE using google's excanvas library). However, a recent update to Chrome now throws the following error: Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1 This code often positions part or all of the drawn image OFF the canvas, anyone got any idea what's going on here? Is compositeImage pointing at a valid (fully loaded) image? I've seen this exception

I am experimenting with animation in <canvas> and can't work out how to draw an image at an angle. The desired effect is a few images drawn as usual, with one image rotating slowly. (This image is not at the centre of the screen, if that makes any difference). You need to modify the transformation matrix before drawing the image that you want rotated. Assume image points to an HTMLImageElement object. var x = canvas.width / 2; var y = canvas.height / 2; var width = image.width; var height = image.height; context.translate(x, y); context.rotate(angleInRadians); context.drawImage(image, -width /