Examples / Text

Frame Anchor

topbottomcenterleftrighttop-lefttop-rightbottom-leftbottom-right 
<Plot
    frame
    height={300}
    axes={false}
    x={{ domain: [0, 10] }}
    y={{ domain: [0, 10] }}>
    {#each ['top', 'bottom', 'center', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right'] as frameAnchor (frameAnchor)}
        <Text
            {frameAnchor}
            fontSize={18}
            text={frameAnchor} />
    {/each}
</Plot>
Last update at: 2025/07/08 15:29:07