38 Topics

Member Avatar for
Member Avatar for FarrisFahad

I am trying to create a meme generator similar to imgflip.com I know javascript but not sure how to implement this. I want users to be able to move text around the canvas using mousemove event listener. But I am not sure if they are moving the text on the …

Member Avatar for kimnancy
0
57
Member Avatar for Siberian

How can I take a path such as what you see below and have Javascript make a visible circle or dot based on the path class ? As well output the points based on a canvas coordinates, canvas name being irrelevent, I hope ? ;-) <path class="st0" d="M73.3,73.1"/>

Member Avatar for Siberian
0
864
Member Avatar for imso

As what was stated on the header I want to implement either a "paint" or "eraser" function whichever feature more convenient for user to edit paint/censor unwanted parts of a photo displayed on a imageview before uploading it to a server in the edited format and a redo function if …

Member Avatar for imso
0
288
Member Avatar for design_primo

I have made a project in Html5 canvas and this is responsive for all devices. The mouseClick, Drag and Rotate events in canvas are working fine on desktop pc and Laptop. But touch is not working in mobile and tablet devices. What should I do?

Member Avatar for stbuchok
0
179
Member Avatar for wballinger

I've been trying out the HTML5 <canvas> element, and cannot get it to work. here is my code: [CODE] <html> <head> <script type="text/javascript" > var canvas=document.getElementById("canvas"); var context=canvas.getContext('2d') context.fillRect(100,100,300,300); </script> </head> <body> <canvas width="500" height="500" id="canvas" /> </body> </html> [/CODE] The canvas is there (I confirmed this), but nothing is …

Member Avatar for Shridip
0
3K
Member Avatar for sneekula

Draw a group of shapes on the Tkinter GUI toolkit canvas and animate the group using the common tag names.

1
5K
Member Avatar for James singizi

i am trying to draw an image on to a php page using the imagecreate function but the image is not showing, i cant see the problem with this code, please help me out, the code is as follows: <?php header('content-type: image/jpeg'); $fontSize = 30; $imageHeight = 40; $imageWidth = …

Member Avatar for diafol
0
177
Member Avatar for IndyItMan

In my ASP.NET MVC application, I am trying to put together a page where a user can both sign and print their name once at a workstation equipped with a Wacom. The signatures will be saved to PNGs with links in a database and then stamped in the designated area …

Member Avatar for Ewald Horn
0
280
Member Avatar for Lius

Hello guys, I have a project to save an image from canvas to file. I have tried googling for 3 days and nothing works. Can anybody show me how to do it. I have search from this forum and this is what i get. http://www.daniweb.com/software-development/java/threads/436548/saving-canvas-as-image " Create a new buffered …

Member Avatar for Lius
0
2K
Member Avatar for Damith_1

Hello, I have been able to drag and drop images from a toolbar to a html5 canvas. And now i need to connect two images/objects with a arrow. Basically the scenario should be, when you click on a dragged object, conncetiong points should appear and by dragging one point to …

0
111
Member Avatar for Sneha_2

hello, i had done lot of things with canvas like drawing different shapes on it,attaching note on it..now i have a little challenge for me where i have to imitate MS word's elbow connector to be drawn on my canvas..does anyone have ever tried doing something like this???If yes please …

0
99
Member Avatar for noobeyne

Hi, I have this wierd situation: I am trying to animate 2 images going one past the other on the canvas. I have a function to calculate their new locations etc, and when it's time to play the animation in calls another function to render the new state of the …

0
106
Member Avatar for Nitin Daphale

When I draw on my HTML5 canvas, it is zoomed already? Hence drawn arrow below is blurred! (snap attched). What is the Reason? Any help to avoid this? var ctx = document.getElementById("canvasWhiteboard").getContext("2d"); ctx.beginPath(); ctx.moveTo(touchX, touchY); ctx.lineTo(moveX, moveY); ctx.lineWidth = 4; ctx.strokeStyle = "black"; ctx.stroke();

0
172
Member Avatar for Barhoom

Here is the code, how would i go on about making the bullets fired (size 6x6 pixels) collide with the blocks currently on the map and with enemies (48x48 pixels) which are to be implemented? Desperatley need a solution! // inner variables var canvas, context; // canvas and context objects …

0
154
Member Avatar for dany12

I need a way to store x y height and width in 4 jquery variables I was thinkink about the jquery ajax get but don't know how to achive this. This is my code <?php $result = $pdo->query('SELECT * FROM figures'); foreach ($result as $row=>$value) { echo '<li>'."My value is" …

Member Avatar for dany12
0
246
Member Avatar for ZER09

with a little research a come up with my script in creating a canvas that would look like this. ![54d736fd19df9f8ac8a05733938b3e59](/attachments/small/2/54d736fd19df9f8ac8a05733938b3e59.png "align-right") it has a multiple link one link per circle. function binTree(aData, source, baseLink){ var canvas = document.getElementById(source), c = canvas.getContext("2d"); c.translate(0.5,0.5); c.fillStyle = "#ffffff"; c.fillRect(0, 0, canvas.width, canvas.height); c.strokeStyle …

Member Avatar for ZER09
0
211
Member Avatar for Dervish1

I've got a web page that allows the user to create a canvas that can be as much as 50,000 pixels on a side (they're maps). I draw everything on a canvas, scaled to the user's viewport. Unfortunately, you can't print a canvas; you have to convert it to an …

Member Avatar for LastMitch
0
168
Member Avatar for dhani09

I have the following code to draw any polygon on an HTML5 canvas on a button click. The user supplies the radius, sides, x and y co-ordinates. Using the sides any regular polygon should be drawn. First we move to the perimeter using moveTo() and then draw lines using lineTo() …

Member Avatar for IIM
0
199
Member Avatar for Benji11092

Hi I am trying to create this application where I need to create a panel with different buttons. I can select a button and drag a button on to a canvas. Can anyone tell me how to create a dragging button.

Member Avatar for <M/>
0
192
Member Avatar for sobias

I'm currently taking a course where I'm required to work on a Javascript/HTML5 or CSS projects. I have a month from now till the deadline. I'm thinking of making a Javascript/HTML5 simple game. Before I start on anything, I would like to hear from you, what would be the most …

Member Avatar for stbuchok
0
303
Member Avatar for navp

Whats up people So i have been trying to figure out how can i make the background be the size as the content. I am using a canvas as a background. Since i am making a j-query mobile, the content is not alot and the background goes below the footer …

Member Avatar for navp
0
239
Member Avatar for lse123

how in a canvas HTML5 I can add more than one image,... is any stack order? how many images overlap and seem all or part of them, can have in canvas? canvas or an image can saved in localStorage html5?

Member Avatar for pritaeas
0
90
Member Avatar for angelali2013

Hi, I have an IFrame. Good. And I have a Canvas as well. Good again! The user can write on the IFrame as I set the design mode ON. I am using document.execcomand to do the stuff, just like a simple text editor. I do not have issues on this. …

Member Avatar for radhakrishna.p
0
148
Member Avatar for Pravinrasal

Hello everyone I created one canvas and draw one line on it I want to move this line using mouse on the canvas How to move line on canvas because using draggable function it cant move so pls help me.

Member Avatar for Pravinrasal
0
766
Member Avatar for mnshwarner

My ultimate goal is to save rendered presentation MathML to a .PNG file. Knowing just enough about programming to be dangerous :-) there may be a better way to do this...I am drawing the equation on a canvas element, then trying to save the canvas element as a .PNG. I …

Member Avatar for mnshwarner
0
1K
Member Avatar for Srin

I want to create a java application where you can build simple logic circuits (just started learning java recently and it was just a random project idea I got off the net) Ultimately I want the gates as icons on a pane that users can drag and drop onto a …

Member Avatar for NormR1
0
542
Member Avatar for arunkumars

Hi, I have a usercontrol that is dynamically created on the canvas of my application. after a good amount of time over the net, i couldnt get the answer for the below. how do I align the usercontrol to the canvas left, center, top, bottom and right alignments on the …

Member Avatar for Antenka
0
204
Member Avatar for ZeroEddy

Hey I have recently started to learn canvas in html5. As of now I can draw all the basic shapes rectangles arcs etc. I am also able to get the mouse coordinates and show them in a text box in the main body of the html. I am just wondering …

Member Avatar for ZeroEddy
0
265
Member Avatar for MadSkyrim

I have the following html file [CODE]<!DOCTYPE hmtl> <html> <head> <title> Minimum Spec Test </title> <script src="Compatability.js"></script> <script type="text/javascript"> var can, ctx; var img = new Image(); function Init() { can = document.getElementById('canvas'); can.width = 100; can.height = 400; ctx = can.getContext('2d'); img.src = 'Images/_test.bmp'; ctx.drawImage(img, 0, 0); } </script> …

Member Avatar for phoenix_2000
0
270
Member Avatar for game4tress

I need to save a video as an image in silverlight, for my new webpage functionality, at [url]http://www.game4tress.com/ecardsender.aspx[/url]. Now, this would be easy in WPF, but seems that silverlight can't access the RenderTargetBitmap and BitmapEncoder. I was able to discover that RenderTargetBitmap can be replaced with WriteableBitmap, but i can't …

0
127

The End.