[Paraview] vtk renderer

Sgouros, Thomas thomas_sgouros at brown.edu
Thu Jun 7 14:35:38 EDT 2018


Hi Sebastien:

Looks like this:

            <div id="renderContainerTwo"
                 style={{position: 'relative',
                         height: '80vh',
                         overflow: 'hidden',
                         zIndex: '10',
                        }}
            />

Another data point: when I shrink or grow the window in the vertical, the
*height* of the canvas element changes in both directions, but the width
only changes when I grow the window and not when I shrink it. Maybe what
you're saying though is that I should travel up the hierarchy and see where
I'm setting heights and widths in non-parallel ways?

Thank you,

 -Tom


On Thu, Jun 7, 2018 at 2:28 PM, Sebastien Jourdain <
sebastien.jourdain at kitware.com> wrote:

> Hi Tom,
>
> That would be a ParaViewWeb question. The issue is related to the css for
> your div that contains the renderer.
> To allow the renderer to shrink you need to set "overflow: hidden;"
> assuming the rest of the size of the div is defined by other constraints.
>
> Seb
>
> On Thu, Jun 7, 2018 at 11:41 AM Sgouros, Thomas <thomas_sgouros at brown.edu>
> wrote:
>
>> Hi All:
>>
>> I'm not sure if this is a VTK question or a Paraview question, so
>> apologies in advance. In a ParaViewWeb application, I have a vtkRenderer in
>> a div in another div, etc. The vtkRenderer seems to adjust when I make the
>> window it's in bigger or the container, but it does not resize when I make
>> the window smaller. Using the browser's element viewer, I can see the
>> <canvas> object inside, and see its width reach when I expand elements and
>> refuse to react when I contract the window or container.
>>
>> When I create the vtk renderer, I use this code:
>>
>>            this.renderers.push(VtkRenderer.newInstance({
>>                   client: this.model.pvwClient,
>>                   viewId: result,
>>                 }) );
>>
>>     ... and then later...
>>
>>       SizeHelper.onSizeChange(() => {
>>         this.renderers[0].resize();
>>         this.renderers[1].resize();
>>       });
>>       SizeHelper.startListening();
>>
>> I invoke the SizeHelper.triggerChange() method regularly and it seems to
>> work, though again only to make the renderer bigger.
>>
>> Should I be resizing these with a direct call to some method? What is the
>> way I should be doing this?
>>
>> Thank you,
>>
>>  -Tom
>>
>>
>>
>> _______________________________________________
>> Powered by www.kitware.com
>>
>> ParaView discussion is moving! Please visit https://discourse.paraview.
>> org/ for future posts.
>>
>> Visit other Kitware open-source projects at http://www.kitware.com/
>> opensource/opensource.html
>>
>> Please keep messages on-topic and check the ParaView Wiki at:
>> http://paraview.org/Wiki/ParaView
>>
>> Search the list archives at: http://markmail.org/search/?q=ParaView
>>
>> Follow this link to subscribe/unsubscribe:
>> https://public.kitware.com/mailman/listinfo/paraview
>>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://public.kitware.com/pipermail/paraview/attachments/20180607/7acf2741/attachment.html>


More information about the ParaView mailing list