47

GitHub - captainwz/svg-3d-builder: an elaborate tool to create 3d model with svg

 5 years ago
source link: https://github.com/captainwz/svg-3d-builder
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.

README.md

SVG 3D Builder

npm version

68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f357a7651716c64346677716f68336d334e642f67697068792e676966 68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f316f46744f7a54314a51514f6276434471432f67697068792e676966 68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f4c597553436c58624e37367330725164494a2f67697068792e676966

This framework aims at creating 3d models with SVG and to provide a concise API. It is purely developed with concepts of two-dimensions. One of its essential implementations is Bezier in both curve and surface. It is one thing to describe them with mathematic equations, but another thing to illustrate them with computer graphics.

See online exhibition developed by the framework and its source code.

Start

You can either start it in traditional 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 an 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


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK