JScad2d

Javascript Library for CAD 2D drawing from json file. A JSON file includes all data needed to draw paramateric 2D shape as vector image. Export in JSON file or in SVG file.

Test here the live demo

Screenshots

Global view

Description

Draw parts and assemble them in an assembly drawing. Parts and Assy drawing are built from json file. A special editor allows live drawing.

NOTE: assembly functionality not yet coded!

Features

Full parametric modeling
Draw any shape (print squeleton for debug)
Make fillet
Fill shape with hatch
Draw dimensions
Apply transformation
- Rotate
Import from local drive or server
Export on local drive with format:
- JSON (native format)
- SVG

Usage

API Reference

JScad2d.loadFileAsText()
JScad2d.readfile(url)
JScad2d.zoomandpan(value)
- value for zoom: zoomIn or zoomOut or reset
- value for pan: left or right or up or down
JScad2d.displayClassToggle('dim' or 'ptsfillet' or 'squeleton')
JScad2d.drawOrigin()
JScad2d.doDebug()

Code example

Add JS libraries and style sheets links inside HEAD tag:

<head>
    <link rel="stylesheet" type="text/css" href="https://github.com/benardt/JScad2d/blob/master/jsoneditor/jsoneditor.min.css">
    <link rel="stylesheet" type="text/css" href="https://github.com/benardt/JScad2d/blob/master/jscad2d/JScad2d.css">
    <script src="https://github.com/benardt/JScad2d/raw/master/svg-pan-zoom/svg-pan-zoom.js"></script>
    <script src="https://github.com/benardt/JScad2d/raw/master/jsoneditor/jsoneditor.min.js"></script>
    <script src="https://github.com/benardt/JScad2d/raw/master/jscad2d/JScad2d.js"></script>
</head>

JSON file description for PART

Header {}
- Type: part
- Name
- Title
- Unit
Parameters{}
Views[]
- [] {}
- Header {}
  - Name
  - Origine {}
  - x
  - y
  - Hatch {}
- Lines []
  - [] {}
- Stroke
- Start {}
- End {}
- Shapes []
  - [] {}
  - Fill
- Points []
  - [] {}
  - x
  - y
  - length
  - angle
  - r
Format{}
Dimensions[]

JSON file description for ASSY

Header {}
- Type: assy
- Name
- Title
- Page size
- Unit
Parameters[]
Parts[]
- Name
- View
- Origine{}
- Transformation{}
Dimensions[]

Dependencies

jsoneditor (https://github.com/josdejong/jsoneditor/)
svg-pan-zoom (https://github.com/ariutta/svg-pan-zoom)

benardt / JScad2d

readme