On this page:
5.1 rect
5.2 rect with start point(no padding)
5.3 rect with radius
5.4 multiple rect
8.12

5 Rectangle🔗ℹ

(new-rect (->* (number? number?)
               (
                 #:radius_x (or/c #f number?)
                 #:radius_y (or/c #f number?)
               )))

use width and height to define a rectangle.

optional radius_x, radius_y to specify a round corner.

5.1 rect🔗ℹ

(svg-out
  100 100
  (lambda ()
    (let ([rec_id (svg-def-shape (new-rect 100 100))]
          [_sstyle (sstyle-new)])
      (set-SSTYLE-fill! _sstyle "#BBC42A")
      (svg-place-widget rec_id #:style _sstyle))))

5.2 rect with start point(no padding)🔗ℹ

(svg-out
  100 100
  (lambda ()
    (let ([rec_id (svg-def-shape (new-rect 100 100))]
          [_sstyle (sstyle-new)])
      (set-SSTYLE-fill! _sstyle "#BBC42A")
      (svg-place-widget rec_id #:style _sstyle #:at '(50 . 50)))))

5.3 rect with radius🔗ℹ

(svg-out
  100 100
  (lambda ()
    (let ([rec_id (svg-def-shape (new-rect 100 100 #:radius_x 5 #:radius_y 10))]
          [_sstyle (sstyle-new)])
      (set-SSTYLE-fill! _sstyle "#BBC42A")
      (svg-place-widget rec_id #:style _sstyle))))

5.4 multiple rect🔗ℹ

(svg-out
  150 150
  (lambda ()
    (let (
      [blue_rec_id (svg-def-shape (new-rect 150 150))]
      [_blue_sstyle (sstyle-new)]
      [green_rec_id (svg-def-shape (new-rect 100 100))]
      [_green_sstyle (sstyle-new)]
      [red_rec_id (svg-def-shape (new-rect 50 50))]
      [_red_sstyle (sstyle-new)])
 
      (set-SSTYLE-fill! _blue_sstyle "blue")
      (svg-place-widget blue_rec_id #:style _blue_sstyle)
 
      (set-SSTYLE-fill! _green_sstyle "green")
      (svg-place-widget green_rec_id #:style _green_sstyle #:at '(25 . 25))
 
      (set-SSTYLE-fill! _red_sstyle "red")
      (svg-place-widget red_rec_id #:style _red_sstyle #:at '(50 . 50)))))