Drawing Application - Creating A Shape Outline From Images
Sep 30, 2009
I am working on an application where the user is able to draw using square images placed using absolute positions. The user can draw any shape but it must always be connected. I now need to work out the outline of the shape they created. The only information I have is the x y of the pictures that were placed. Its driving me crazy... I tried to work out a system of looping through all the pictures and seeing if there were any images touching.
My most recent idea was to make the javascript select the images and see if I could get the coordinates of the shape from there... In simple I need a way of merging the images into a shape rather than separate entities.
I've coded in Java before but I'm still having some trouble. I am trying to draw a ribbon type shape on an <canvas> element and for some reason, when I turned it into a function, it seemed not to work. Here is what I have for drawing the ribbon with a function:
I feel like it has something either to do with the function definition, or the call. Before this script is executed, i create a canvas in the following way: <canvas id="navCanvas" height="200" width="120"> Why it is not displaying.
It's not something that's ever really come up before, but I'm re-creating a desktop application as a web-app and I'm coming across a number of places where:1. A select box may be pre-filled with data from a database, and2. Changing that select box affects the rest of the page.I'm looking for a neat way to perform an action that could happen when the page loads, and/or when the select changes. Knowing my luck it's something stupidly easy.For example, some code that is currently in progress:
switch($('option:selected',$transaction).text()){ // On Load case 'Comparable': case 'For Sale / To Let': $.each($priceFields, function(){
Im designing a site with friends can chat online. Now im facing the problem of creating the frame for each chats. I actually created a new page on clicking the link. But the user wants it to be a frame not a page. Also i find a difficulty in passing the username in the link url so that i can get in the next page using get method. Im using php and javascript so i face the problem in passing the values from php to java script I use php to fetch users who are online from the database.
I'm trying to find the best way to embed images into my application. However, I'm having a hard time finding the fast (browser-compatible) method. It is important that I find a reliable method because the application must be self-contained so it can be easily shared. Below is a sample of my current approach:
Code JavaScript:
var pictures = { "alert.png": new Array( new Array(-1,-1,-1,-1,-1,0,-1,1,1,1,-1,-1,-1,-1,-1,-1,-1),
[code]....
After just a few images it creates a very large javascript file. Seems like it is pretty inefficient as far as code goes.Goals of optimal approach: Must work in IE6/7 and All other modern browsers. Performance must be a high priority It will only be used for small icons Can use javascript, jquery, css, base64, or any combination.
I found a small fading script online which suits my needs though I need some help changing it around a bit as it seems to only work once in a page (i.e. a second occurance of the code doesn't work though the first one continues). Also, I'm not quite sure how to put it into a .js external page and then call the specific function as many times as I want in the body and have it all work. Please advise on this issue (i.e. Putting the code in an external file and then calling the fadeIn() function as many times as I want in the body)W, the concept is a fixed imaged with the js fading another image over the top of that first image in and out over and over again. All the images and application of the js will be the same for all occurrences on the page (don't know if that's relevant to the solution I'm asking for but throwing it in there just in case).Here is the code:
I need to build a image editor application where the user can edit images.. I need to integrate this image editor in my Ruby on Rails project.. So does anyone knows any specific site where I can get the JS code of image editor which will be able to integrate into my project
I have a shopping cart where if a user have problems of buying products or transactions, I want to give support via a chat programme. I want to reply users in different chat threads not like in a chat room as other people dont want to see others chat.I am new to this subject.
devolping a javascriptcode for creating a table and inserting images inside it. it should consist of two rows. upper row should contain one image and the lower row should contain 2 small images. not allowed to use html. no borders and no spaces between the images.only with java script.
Any script I can look at to do something very similar to this? [URL] I need to be over to mouse over various images at the bottom and have the 'main' image change to different backgrounds or images. Another similar example is [URL] - I'd like to be able to do that as well.
I've got the following html code for a button - how can I get the cursor to turn into the hand shape when the mouse is over the button?<INPUT NAME="btn_cancel" TYPE="button" VALUE="Cancel" onClick="cancel_button_click()";>
I'm creating a web page that randomly shows images when when a button is clicked. I appear to be having 2 main problems with it so I'll begin with what seems to be the easiest one to tackle.as the user scrolls down the page I need to keep the button statically, in the top right corner.here's the relevant code:
I'm using a feature carousel on my new website - this is a horrible test version but take look and you'll see my problem - [URL]... It works fine in Chrome, FF and IE9 - however in IE8 and IE7, on the fade, an ugly black outline is added to the transparent PNG.
Does anybody know how I can remove the black outline in IE8 and IE7.
I'm trying to create an animation that would fill a complex shape (say an arrow) with a color from top to bottom. It'd be something similar to the third button in the button labEnter the site, go to button lab, select "Click Replaced by Timer". Can't link to it specifically cause it's all Flash).
I'm trying to make a spry menu bar for a website. It looks great in DW CS3, and when I preview it in different browsers, it works. However, once uploaded, when I look on the web, it's displaying in outline form rather than a menu. Why is that and how could it be fixed?URL...
I want to display the question and answer in the following way. When the user moves his mouse to one question, the question will be expanded to show detailed answer of that question.
For example,
1. What is UML?
2 How to implement it?
3 What is the advantage of UML?
When i move the mouse to the Question 1, the question will be expaned and have a detailed answer of it; if i don't move to there, the outline won't expand.
I search for a long time, but have no clue. What functions should be use???
Trying to make code that adds a hover event to all html elements within a certain container. On hover the element should be outlined by adding/removiing a css class. Thats the first thing and I can't get that to work with the code below.
The second part is to keep the element outlined when its clicked, and also when selecting multiple elements by (ctrl+click).
Have searched for a outline plugin, but came up with nothing.
This is a really basic question: what does blur mean, or what does it do when used in links as described below? I've tested it on Firefox 3.6 and Opera 11 and it behaves as I hope except for one thing. During testing if I use both keyboard and mouse to navigate within the same session, the browser history for the 'other' method is wiped out; it won't go backwards beyond the most recently used method. Is this not a surprise when you know what blur really means? I want the following (assuming Javascript is enabled):
a) Keyboard users to see a focus outline on navigation links. b) Keyboard users to see the outline still there if they use the browser Back button, and continue tabbing from that link onwards. c) Mouse users to NOT see an outline if they use the browser Back button.
