meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
en:design_guide_rectangle [2020/12/01 03:56]
JSCAD Editor 		en:design_guide_rectangle [2022/04/13 07:16] (current)
rozek included "require" statements, corrected mistakes
Line 3: Line 3:
 A two dimensional shape made with four straight sides where all interior angles are right angles (90°). A two dimensional shape made with four straight sides where all interior angles are right angles (90°).
  
-{{ :wiki:mathisfun-rectangle.png?nolink |Rectangle}}+{{ :wiki:mathisfun-rectangle.png?nolink | Rectangle}}
  
 //[[http://www.mathsisfun.com/geometry/rectangle.html|Learn about rectangles at MathIsFun.com]]// //[[http://www.mathsisfun.com/geometry/rectangle.html|Learn about rectangles at MathIsFun.com]]//
  
-The ''size'' specifies the size across X and Y axis. Rectangles can be created at a requested ''center''..+The ''size'' specifies the size across X and Y axis. Rectangles can be created at a requested ''center''.
  
 Defaults: Defaults:
Line 14: Line 14:
  
 <code javascript> <code javascript>
-const myshape = rectangle({size: [3, 4]) +const { rectangle } = require('@jscad/modeling').primitives 
-const myshape = rectangle({size: [3, 4], center: [5, 5])+ 
 +const myshape = rectangle({size: [3, 4]}) 
 +const myshape = rectangle({size: [3, 4], center: [5, 5]})
 </code> </code>
  
 === Square === === Square ===
 +
 +{{ :wiki:mathisfun-square.png?nolink | Square}}
  
 The specialized square primitive also exists, but requires only one number value for all sides. The specialized square primitive also exists, but requires only one number value for all sides.
 +
 +Defaults:
 +  * size : 2
 +  * center : [0, 0]
  
 <code javascript> <code javascript>
-const myshape = square({size: 3) +const { square } = require('@jscad/modeling').primitives 
-const myshape = square({size: 3, center: [5, 5])+ 
 +const myshape = square({size: 3}) 
 +const myshape = square({size: 3, center: [5, 5]})
 </code> </code>
  
 +=== Rounded Rectangle ===
 +
 +{{ :wiki:jscad-roundedRectangle.svg?nolink | Rectangle}}
 +
 +Rounded rectangles can be created by specifying a ''roundRadius'' for the corners.
 +
 +Defaults:
 +  * size : [2, 2]
 +  * center : [0, 0]
 +  * roundedRadius: 0.2
 +  * segments: 32
 +
 +<code javascript>
 +const { roundedRectangle } = require('@jscad/modeling').primitives
 +
 +const myshape = roundedRectangle({size: [10, 20], roundRadius: 2})
 +const myshape = roundedRectangle({size: [10, 20], roundRadius: 2, center: [5, 5], segments: 64})
 +</code>