Why Won't Dashed-line Drawing Fuction Count The Dashes Correctly
Jul 2, 2009
I adapted Bresenham line drawing algorithm to draw a dashed line. I want to count the number of dashes. The dashes extend from one city on a map to another city. I don't want the dashes to obscure the city marker which is a small black dot, so I added some logic to skip dashes at the start of the line and at the end of the line. But this logic is confounding my attempt to count the dashes and I haven't been able to figure out why. The function should return the number of dashes as 'count'.
View 3 Replies
ADVERTISEMENT
Apr 3, 2010
I've searched and searched. It seems the sages, and experienced programmers think var dashes = "------------"; is the easiest way. Certainly there must be some simple (or not as simple) way of printing a line of dashes in javascript without declaring a variable as "----------" (that's just sloppy)I don't mean to be rude but this should be easy. Right? Or must I resort to a loop (probably an integer count) that ends at a declared number like 10 or 20?
View 5 Replies
View Related
Jul 23, 2005
Is there a small graphics library that I can use? All I need to do is
draw a line of a nominated thickness and colour between two specified
points and to, at some later time, "delete" the line?
I've found a few offerings but either they weren't multi-browser
compatible or they were too big for me to consider (20K instead of 2 or 3K).
View 8 Replies
View Related
Nov 19, 2011
We currently have a website that uses the .beforeAfter plugin to switch between two images. In addition we would like to add the possibility to draw a line and/or box using a boxer like option. All our attempts have been unsuccessful so far.
Could anyone tell us if and how it is possible to combine the .beforeAfter option with a drawing line/box one?
For curious users, here is the website we are currently working on:
[URL]
View 3 Replies
View Related
Jul 23, 2005
I'm trying to debug my expression that matches an alphanumeric with any
number of dashes (including none), except at the ends and obviously
disallowing two or more consecutive dashes.
Here it is: /w+(-?w+)*/
Test cases that I expect to pass are failing:
"01234abcdef" true
"0123-412-8370" false (should've been "true")
"asdkfjakfj" true
"0-1" false (should've been "true")
"-" false
"--" false
"-ABC123" false
"00230-" false
"ABC-123" false (should've been "true")
"1-" false
"111223333" true
Would anyone lend a hand?
View 14 Replies
View Related
Oct 10, 2006
I have an array for of input names. Input1 , input 2 etc. Can I pass the input names in a loop like document.all[input].value="xxxx"
The problem is document.all cannot be used in Safari/firefox, I tried using document.getElementById but my inputs do have any IDs. is there any way of accomplishing thsse.?
View 6 Replies
View Related
Jun 26, 2009
I cant control the function between the outer and inner fuction. as I use a top.out1() in the children object. I cannot call the function run
within the $(document).ready(function() { function inner1(){alert("alertinner")}}
the question is:
1.How can I call the function inner() directly by the object children svg page?
2.How can I call the function inner() by the function outer1()?
3.How can I call the function outer2() by the function inner()?
<script type="text/javascript">
function outer1(){
alert("outer1alert");
}
[Code]....
View 4 Replies
View Related
Feb 21, 2002
I'm trying to build a cascading menu in javascript I got as far as this ; all I want to do is Re-draw the whole page when the link is clicked however I get an object required message the second time the link is clicked (I,m using IE 5) Code:
View 5 Replies
View Related
Sep 15, 2009
I need a count down clock that will count down 18 minutes and reset itself at the end. also i need a counter that increases by +1 every 18 minutes starting at 0.
View 1 Replies
View Related
Nov 11, 2011
My preview.php file which uses a watermark plugin is not loading correctly in IE 9, when I click the load button. It works well with other browsers. I have a posthttp2.php file
<html>
<body>
<form method="post" enctype="multipart/form-data" action="preview3.php">
<input id="button" type="button" value="load"/>
[Code]....
View 1 Replies
View Related
May 25, 2010
how to read a text file using javascript line by line and separate from special characters in it. for example
Text.txt has
001203=Line one=abc.html
024353=Line two=xyz.html
092434=Line three=hjf.html
i want each column in an array like { 001203,024353,092434 } so total 3 arrays.
View 14 Replies
View Related
Feb 22, 2010
getting first line coordinates of multiple line inline element.
Example HTML
aaa bbb ccc ddd <span id="target">eee fff ggg
hhh iii jjj</span>kkk lll mmm nnn ooo ppp qqq
$(document).ready(function() {
[Code]....
Assume that span#target has a line break, when I see a browser. Then I click span#target, above function returns the head of coordinates which second line ("hhh") has. I want to have the coordinates which first line ("eee") has. How can I get that?
View 1 Replies
View Related
Jun 20, 2011
I have basic JS knowledge. I am trying to organize a JS timer which counts down to a specific date. After the target date is meet the timer starts to count up. Can someone point me to a JS sample which executes this count-down+target-date+then-count-up theme?
View 2 Replies
View Related
Aug 9, 2006
I heard or read that the next version of HTML will provide long-overdue drawing commands.
Which version of Firefox, Opera or IE supports such new fancy stuff?
View 7 Replies
View Related
Jan 11, 2012
reading file in jQuery. Please if anyone knows how to write tome or to the website.
$.get("data/zelis.si.txt",function(data){
$.each(lines, function(n,line){
$.ajax({
[code]....
View 7 Replies
View Related
Jul 23, 2005
I need to use javascript's graphics API to draw the letters of
the alphabet. If necessary, I can map out all 26 letters myself
and use drawline() to draw them, but I am hoping someone out
there might have a better suggestion. The user will click a spot
on the canvas, and the script will draw one of the letters at
that spot.
View 2 Replies
View Related
Jul 31, 2002
An interesting way of drawing a line interactively without the need for any plug-ins....
View 6 Replies
View Related
Oct 6, 2009
i want to let the user draw image or drawings on web page using html canvas element like stuff and then provide them to save that image or drawing on server so that next time they can get it as it was before to edit further.
View 1 Replies
View Related
Oct 21, 2009
I'm having a problem with the <CANVAS> element in JavaScript. here's what i'm trying to do: I need 3 different canvas elements for writing a signature to. they must all 3 be visible at the same time
My problem that i'm having is that i can't seem to get the code to work which will write to more than one canvas.
[Code]...
View 2 Replies
View Related
Mar 21, 2010
I am trying to create an Asteroids type game using JavaScript along with html5's canvas element for drawing. I have searched around and have looked at examples but I can't figure out what is wrong with my rendering that I do in the game loop that is run every frame. The problem appears to be only that the canvas is not cleared at the beginning of each frame but I feel there might be something wrong also. The code used and shown below only works in Firefox but not Google Chrome or Safari.
[Code]...
View 2 Replies
View Related
Dec 8, 2010
I want to create a drawing board in an html page were i can draw anything by dragging the mouse. and when i have done the drawing, i want to create an image of that drawing,
i found some examples doing this but so far all were using html 5, my requirement is to support most of the available browsers.
does anyone knows how i can do it.
i found one link which had what i required, [code]...
but in this the only problem is that if i drag my mouse faster, the draw line is discontinuous. i want it to be continuous free flowing colored pixels.
View 1 Replies
View Related
Dec 27, 2010
This is a question concerning the SVG plug in,Here is the code
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery.js"></script>[code].....
1.SVG isn't drawing the circle
2. var svg is undefined keeps popping up.
View 2 Replies
View Related
Oct 27, 2009
I'm trying to complete an application drawing of graphs or bar charts
I'm attempting to write a script that reads five numbers between 1 and 30.
For each number read, output XHTML text that displays a line containing that number of adjacent asterisks.
This is code I've come up with so far.
<?xml version = "1.0"encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-w3cDTD XHTML 1.0 StrictEN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http:www.w3.org/1999/xhtml">
[Code].....
View 1 Replies
View Related
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.
View 2 Replies
View Related
Jun 15, 2011
I want to draw growing circles like a darts board and like attached picture using jQuery (I prefer) or another javascript library.
View 7 Replies
View Related
Oct 21, 2011
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:
function drawRibbon(height,width,Canvas){
var c=document.getElementById(Canvas);
var cxt=c.getContext("2d");
cxt.fillStyle="#bb0044";
cxt.beginPath();
cxt.moveTo(0,0);
cxt.lineTo(0,height-50);
cxt.lineTo((width-20)/2,height-100);
cxt.lineTo((width-20),height-50);
cxt.lineTo(width-20,0);
cxt.shadowOffsetX = 5;
cxt.shadowOffsetY = 10;
cxt.shadowBlur=10;
cxt.shadowColor = "black";
cxt.fill();
cxt.shadowOffsetX = 0;
cxt.shadowOffsetY = 0;
cxt.shadowBlur=0;
cxt.closePath();
cxt.beginPath();
cxt.strokeStyle = "#ffcc22";
for (i=5;i <= 135; i=i+15){
cxt.moveTo(5,i);
cxt.lineTo(5,i+5);
cxt.stroke();
}}
drawRibbon(200,120,navCanvas);
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.
View 3 Replies
View Related
