Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]


Groups > comp.lang.javascript > #27760 > unrolled thread

Need help gettting canvasses to scrool the way I want them to.

Started bySpreadTooThin <bjobrien62@gmail.com>
First post2015-05-19 10:49 -0700
Last post2015-05-20 11:04 -0700
Articles 5 — 2 participants

Back to article view | Back to comp.lang.javascript


Contents

  Need help gettting canvasses to scrool the way I want them to. SpreadTooThin <bjobrien62@gmail.com> - 2015-05-19 10:49 -0700
    Re: Need help gettting canvasses to scrool the way I want them to. "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2015-05-19 18:43 -0700
      Re: Need help gettting canvasses to scrool the way I want them to. SpreadTooThin <bjobrien62@gmail.com> - 2015-05-19 19:36 -0700
        Re: Need help gettting canvasses to scrool the way I want them to. "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2015-05-20 04:47 -0700
          Re: Need help gettting canvasses to scrool the way I want them to. SpreadTooThin <bjobrien62@gmail.com> - 2015-05-20 11:04 -0700

#27760 — Need help gettting canvasses to scrool the way I want them to.

FromSpreadTooThin <bjobrien62@gmail.com>
Date2015-05-19 10:49 -0700
SubjectNeed help gettting canvasses to scrool the way I want them to.
Message-ID<59c6509d-f2de-4789-9e8c-7f044c282b52@googlegroups.com>
I can't seem to do this in css so it seems I have to get this to work with javascript.

I've places an image of how I need my canvas to scroll here:
https://www.dropbox.com/s/4wpsqfoboyi43um/ccs.png?dl=0

This is the html of the three canvasses.
https://www.dropbox.com/s/mashfba4cwvl2cq/experiment.html?dl=0

I've tried css groups but it seems the consencus is that this can't be done with css alone.

Where do I begin? Are there scoll events that I must handle and then modify the position of the canvases individually?

TIA
B.

[toc] | [next] | [standalone]


#27763

From"Michael Haufe (TNO)" <tno@thenewobjective.com>
Date2015-05-19 18:43 -0700
Message-ID<1e4904c7-192f-4b2c-b826-bf33256b25db@googlegroups.com>
In reply to#27760
On Tuesday, May 19, 2015 at 12:49:19 PM UTC-5, SpreadTooThin wrote:
> I can't seem to do this in css so it seems I have to get this to work with javascript.
> 
> I've places an image of how I need my canvas to scroll here:
> https://www.dropbox.com/s/4wpsqfoboyi43um/ccs.png?dl=0
> 
> This is the html of the three canvasses.
> https://www.dropbox.com/s/mashfba4cwvl2cq/experiment.html?dl=0
> 
> I've tried css groups but it seems the consencus is that this can't be done with css alone.
> 
> Where do I begin? Are there scoll events that I must handle and then modify the position of the canvases individually?

Why not use CSS + SVG?

[toc] | [prev] | [next] | [standalone]


#27764

FromSpreadTooThin <bjobrien62@gmail.com>
Date2015-05-19 19:36 -0700
Message-ID<38299f10-06a1-4645-af3e-208fbd7ff313@googlegroups.com>
In reply to#27763
On Tuesday, May 19, 2015 at 7:43:29 PM UTC-6, Michael Haufe (TNO) wrote:
> On Tuesday, May 19, 2015 at 12:49:19 PM UTC-5, SpreadTooThin wrote:
> > I can't seem to do this in css so it seems I have to get this to work with javascript.
> > 
> > I've places an image of how I need my canvas to scroll here:
> > https://www.dropbox.com/s/4wpsqfoboyi43um/ccs.png?dl=0
> > 
> > This is the html of the three canvasses.
> > https://www.dropbox.com/s/mashfba4cwvl2cq/experiment.html?dl=0
> > 
> > I've tried css groups but it seems the consencus is that this can't be done with css alone.
> > 
> > Where do I begin? Are there scoll events that I must handle and then modify the position of the canvases individually?
> 
> Why not use CSS + SVG?

I think you mean scalable vector graphics which may be a option.. unfortunately I don't think I grasp what you have up your sleeve with this idea.
I'm all ears if you have the time to explain.

[toc] | [prev] | [next] | [standalone]


#27769

From"Michael Haufe (TNO)" <tno@thenewobjective.com>
Date2015-05-20 04:47 -0700
Message-ID<fc0dc737-8932-4d9f-b275-9227e7f4d5d9@googlegroups.com>
In reply to#27764
On Tuesday, May 19, 2015 at 9:36:56 PM UTC-5, SpreadTooThin wrote:

> I think you mean scalable vector graphics which may be a option.. unfortunately I don't think I grasp what you have up your sleeve with this idea.
> I'm all ears if you have the time to explain.

First I'd be curious to why you are using canvas in the first place. Are you doing pixel level manipulation at all?

[toc] | [prev] | [next] | [standalone]


#27781

FromSpreadTooThin <bjobrien62@gmail.com>
Date2015-05-20 11:04 -0700
Message-ID<e0d856cf-5753-4119-8564-39451fa328c5@googlegroups.com>
In reply to#27769
On Wednesday, May 20, 2015 at 5:47:49 AM UTC-6, Michael Haufe (TNO) wrote:
> On Tuesday, May 19, 2015 at 9:36:56 PM UTC-5, SpreadTooThin wrote:
> 
> > I think you mean scalable vector graphics which may be a option.. unfortunately I don't think I grasp what you have up your sleeve with this idea.
> > I'm all ears if you have the time to explain.
> 
> First I'd be curious to why you are using canvas in the first place. Are you doing pixel level manipulation at all?

I found drawing objects on the canvas simple, so I used it.  As the drawing grew to be bigger than the web browswer window it gave me free scrollbars.   I'm not doing any pixel level manipulation, I'm just rendering rectangles and lines with text.  UML diagrams.  Which at the moment look nice.

[toc] | [prev] | [standalone]


Back to top | Article view | comp.lang.javascript


csiph-web