SVG 3D Builder – Build 3D Models with SVG
source link: https://www.tuicool.com/articles/hit/yI3amuV
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
SVG 3D Builder
This framewrok aims at creating 3d models with SVG and concise APIs. It is purely developed with concepts of two-dimension. One of its essential implementations is Bezier in both curve and surface. It is one thing to describe them with mathematic equotions, another thing to illustrate them with computer graph.
See online exhibition developed by the framework and its source code .
Start
You can either start it in tranditional way
<script src="./svg-3d-builder.min.js"></script>
Or embark your development with ES6
npm install --save svg-3d-builder
import Builder from 'svg-3d-builder';
Make sure there is a svg element described in your document
<html>
<head>
</head>
<body>
<svg id="graph" width="500" height="500">
</svg>
</body>
</html>
And see your simplest work by adding these codes
Builder
.select('#graph')
.drawLine('M 0 0 0 l 100 0 0')
.action();
Of course you can see code examples before building sophisticated works by yourself.
API
You also need to look up the API document .
Lisence
Apache
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK