Databases
StackOverflow2013
Postsdbo
POJavascript Canvas drawing problem
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavascript Canvas drawing problem
    primarykey
    data
    text
    <p>So I have a bunch of javascript to make some random points, and then connects them via a minimum spanning tree. That all works fine.</p> <p>Then after that it draws the points and paths onto the canvas; and it draws an image like this:</p> <p><img src="https://i.stack.imgur.com/EKE64.png" alt="First example"></p> <p>- Randomly generated each time.</p> <p>The problem I have with this, is that I'd like to have each of the circles be a black circle with a yellow outline. The circles are drawn like so:</p> <pre><code>context.fillStyle = "#ffff00"; for(var i = 0; i &lt; syscount; i++){ context.moveTo(systemsX[i],systemsY[i]); context.arc(systemsX[i],systemsY[i],4,0,Math.PI*2,true); } context.fill(); </code></pre> <p>and that works fine, but I want to draw a black circle, and have a yellow trace. I want to do it this way because it's much easier than stopping the lines that join the dots stop a few pixels earlier than they normally would.</p> <p>This was my attempt:</p> <pre><code>context.fillStyle = "#000000"; for(var i = 0; i &lt; syscount; i++){ context.moveTo(systemsX[i],systemsY[i]); context.arc(systemsX[i],systemsY[i],ssize,0,Math.PI*2,true); } context.fill(); context.strokeStyle = "#ffff00"; for(var i = 0; i &lt; syscount; i++){ context.moveTo(systemsX[i]+ssize,systemsY[i]); context.arc(systemsX[i],systemsY[i],ssize,0,Math.PI*2,true); } context.stroke(); </code></pre> <p>but it draws this:</p> <p><img src="https://i.stack.imgur.com/WTRp5.png" alt="Second example"></p> <p>?!! It redraws over the other path. Why?!</p> <p>Zip of the page: <a href="http://rapidshare.com/files/415710231/page.zip" rel="nofollow noreferrer">http://rapidshare.com/files/415710231/page.zip</a> (html file and a css file inside the zip). The snippet of code for drawing the circles starts at line 164.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMatthew Crumley
    1. USwill
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJavascript Canvas drawing problem
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POJavascript Canvas drawing problem
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POJavascript Canvas drawing problem
      1. USLoveMeSomeCode
      1. VTFavorite
    1. COthanks for editting in the images!
      singulars
      1. POJavascript Canvas drawing problem
      1. USwill
    2. COno problem. I *think* your reputation should be high enough that you can post images and more than one link now.
      singulars
      1. POJavascript Canvas drawing problem
      1. USMatthew Crumley
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload