MAIDR JavaScript API
    Preparing search index...

    Class TactileRendererAbstract

    Draws a chart onto a pin buffer.

    Marks are outlined and the focused mark is filled. That split is what makes the display readable at this size: a field of solid shapes gives a fingertip nothing to distinguish them by, whereas hollow shapes have edges to trace and a single solid one stands out immediately as "the one I am on".

    Index

    Methods

    • Draws the focused mark's rings onto a buffer already holding the rest of the picture, exactly as a focused mark is drawn in a scene.

      For a chart whose marks are not shapes -- one drawn on a canvas -- where the picture comes from elsewhere and only the focus has an outline.

      Parameters

      • raster: DotRaster

        The pin buffer to draw into

      • rings: readonly DotRing[]

        The focused mark's rings, in dot coordinates

      • zoom: number

        The current zoom factor, where 1 fits the whole plot

      Returns void

    • Renders a scene to a new pin buffer.

      Every primitive raises pins and none lowers them, so drawing is a union and the order marks are drawn in does not change the result. The focused mark still goes last, for the reader of this code rather than the reader of the display: it is what the frame is about.

      Parameters

      • scene: TactileScene

        The marks and the focus

      • viewport: TactileViewport

        The active zoom and pan

      • width: number

        Dots across the display

      • height: number

        Dots down the display

      Returns DotRaster