I need a handy jQuery tool (plugin) to work with the map. The project has narisovanaya map with cities marked on it, the possible routes. Example I want to: To apply the route (in this example it is shown in green) on top of the map (img) Display a small div with information about city Now inclined to think that would work to im...
Hi, I have an applet where I am drawing stuff by overriding the paint() method, and have added a Canvas to the applet, which will take up the whole screen. This canvas seems to be being drawn after my paint()ing, and so my applet's paint()ed stuff is invisible. Any ideas on how to force the canvas to be drawn before my paint method on my...
I am writing an html5 app which manipulates video on a canvas. I am also showing a custom (self-drawn) mouse cursor over it. To update my app I am calling the setInterval function to draw stuff to the canvas. As I am manipulating video I need: Very high refresh rates + Lot's of processor time to draw. (~50ms per frame). My draw functi...
How is it possible to zoom a photo contained in a <canvas> tag? In particular I'd like to zoom in on the photo at the point the user clicked. The zoom is not difficult to do: img.width = img.width + 100; img.height = img.height + 100; ctx.drawImage(img,0,0,img.width,img.height); The problem is that I would also like to center the zoo...
While I consider myself a reasonably competent programmer, I have no experience with even the most basic graphics programming. Are there any recommended resources for learning the basics of 3D programming - preferably using a high-level language like Python or JavaScript? Ideally, I'd like a simple hello world example in canvas or WebG...
I'm binding an ItemsControl with Canvas as ItemsPanelTemplate to an ObservableCollection. I want to make the items draggable using the DraggableExtender as posted in http://stackoverflow.com/questions/294220/dragging-an-image-in-wpf (I don't want to use transforms - I need to use the Canvas Left and Top properties) It's defined as : ...
So my aim is to flip an image horizontally then draw it on a canvas. Currently I'm using canvas.scale(-1,1) which effectively works and draws the image horizontally, however it also screws with the x axis values where before the scale the x position would be 150 and after I'd have to switch it to -150 to render in the same spot. My ques...
Hi, I have a canvas where there is continues animation been generated. I would like a jquery slidemenu going on top of the canvas. The issues is that the javascript of the canvas keep on writing on top of the jquery slidemenu. How to solve this? Any input would be very appreciated, many thanks. ...
I have an image in a tag var img = new Image(); ctx.drawImage(img,0,0,img.width,img.height); ecc... How is possible to change the Brightness and Contrast of this image with javascript? Tnx ...
There is no problem with portrait mode but when i try my app on landscape mode it doesn't look how it should.What is general aproach to solve this problem.My first idea is replacing X and Y places.If i am on the right track how should i do this ? Should i use an if statement at the beginning of the onDraw() function and write entire same...
So I am writing a little mini pseudo 3d engine for the canvas element in html5. In the code below I am drawing a bunch of squares with varying positions and rotations (rotation around the z axis, so no deformation) Now I want to be able to tell which square the user clicks on. In the objects array the items are supported by the z posi...
I am working on a HTML5 Web Application that will run on an Android Phone. I am trying to load an image from an Android phone to a Canvas Tag and then Save the Canvas tag in an html5 WebStorage local database. Eventually I want to post this data back to the server. I am looking for code / guidance..really anything to get me pointed in t...
According to http://www.html5samples.com/2010/03/html-5-canvas-the-2d-context-part-1/ This is the signature for the context.transform method context.transform(m11, m12, m21, m22, dx, dy) is to multiply the current transformation matrix with the matrix described by: m11 m21 dx m12 m22 dy 0 0 1 I am trying to figure out what is t...
I've been playing around with canvas a lot lately. Now I am trying to build a little UI-library, here is a demo to a simple list (Note: Use your arrow keys, Chrome/Firefox only) As you can tell, the performance is kinda bad - this is because I delete and redraw every item on every frame: this.drawItems = function(){ this.clear(); ...
Hi there, I'm developing a side-scrolling android game and I've come across one hiccup. The game is rendering graphics on the Canvas object. The game features about 6 scrolling layers, the main ground layer, a collision layer, a foreground layer, and two background layers, which all scroll with variable speed for camera depth. Now, t...
How to retrieve the coordinate from event.getX or getY and store into an array? I want to use the coordinate store in array to redrawn in Canvas each time the user touch action. ...
I design a HTML5 canvas effects homepage on my site http://catfan.me You can click the sky and add a cloud, and It`s able to show the fps. It runs perfect on HTML5 supported browser, such as Chrome, FireFox, Safari, IE9.. But i do not know if it run on iPhone, iPad or Android mobile phone. I didn`t have this devices. Can anyone to he...
Hi, I've been wondering if canvas has a limit boundary. I mean if I use functions such asdrawline(), drawbitmap(), drawcircle(), does android really draw something on the canvas and waste some CPU cycles?? because after all the drawing functions, the actual picture print on the screen is decided by the screen size. And if I draw on som...
I'm using Python and tkinter. I have a Canvas widget that will display just one image. Most times the image will be larger than the canvas dimensions, but sometimes it will be smaller. Let's just focus on the first case (image larger than canvas). I want to scroll the canvas to an absolute position that I have already calculated (in pix...
Here the scenario is: I have a canvas with different diagrams drawn on it. Now the requirement is to zoom into the canvas using the code behind either using C# or VB. Moreover I need to place the zoom code in some dll so that i can reuse the same set of code through out my application. Now my question is how to do this.... I have tr...