Relative placement chain

7tile = rect(size=(25 mm, 20 mm), fill="#087f8c")8a = page.add(tile, target=page.top_left, offset=(9 mm, 28 mm))9b = page.add(tile, target=a.top_right, offset=(7 mm, 0 mm))10page.add(tile, target=b.bottom_right, anchor=top_right, offset=(0 mm, 7 mm))

tile = rect(size=(25 mm, 20 mm), fill="#087f8c")
a = page.add(tile, target=page.top_left, offset=(9 mm, 28 mm))
b = page.add(tile, target=a.top_right, offset=(7 mm, 0 mm))
page.add(tile, target=b.bottom_right, anchor=top_right, offset=(0 mm, 7 mm))

1# Gallery: positioning / relative2page = canvas(name="Relative placement", size=(120 mm, 80 mm), background="#f7f9fc")3font = "DejaVu Sans"4heading = text(content="Relative placement", font_family=font, font_size=14 pt, color="#203864")5page.add(heading, target=page.top_left, offset=(7 mm, 5 mm))6# BEGIN DEMO7tile = rect(size=(25 mm, 20 mm), fill="#087f8c")8a = page.add(tile, target=page.top_left, offset=(9 mm, 28 mm))9b = page.add(tile, target=a.top_right, offset=(7 mm, 0 mm))10page.add(tile, target=b.bottom_right, anchor=top_right, offset=(0 mm, 7 mm))11# END DEMO

# Gallery: positioning / relative
page = canvas(name="Relative placement", size=(120 mm, 80 mm), background="#f7f9fc")
font = "DejaVu Sans"
heading = text(content="Relative placement", font_family=font, font_size=14 pt, color="#203864")
page.add(heading, target=page.top_left, offset=(7 mm, 5 mm))
# BEGIN DEMO
tile = rect(size=(25 mm, 20 mm), fill="#087f8c")
a = page.add(tile, target=page.top_left, offset=(9 mm, 28 mm))
b = page.add(tile, target=a.top_right, offset=(7 mm, 0 mm))
page.add(tile, target=b.bottom_right, anchor=top_right, offset=(0 mm, 7 mm))
# END DEMO

Dependencies

examples/gallery/positioning/relative.lay

Reproduce

1laymesh validate examples/gallery/positioning/relative.lay2laymesh render examples/gallery/positioning/relative.lay -o figure.svg3laymesh render examples/gallery/positioning/relative.lay -o figure.pdf4laymesh render examples/gallery/positioning/relative.lay -o figure.png --dpi 300

laymesh validate examples/gallery/positioning/relative.lay
laymesh render examples/gallery/positioning/relative.lay -o figure.svg
laymesh render examples/gallery/positioning/relative.lay -o figure.pdf
laymesh render examples/gallery/positioning/relative.lay -o figure.png --dpi 300