captainwz / Svg 3d Builder
an elaborate tool to create 3d model with svg
Stars: ✭ 803
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Svg 3d Builder
Zdog
Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
Stars: ✭ 8,904 (+1008.84%)
Mutual labels: 3d, svg
Zfont
💬 Text plugin for Zdog - works with any .ttf font!
Stars: ✭ 126 (-84.31%)
Mutual labels: 3d, svg
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-81.07%)
Mutual labels: 3d, svg
Js Code To Svg Flowchart
js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
Stars: ✭ 6,290 (+683.31%)
Mutual labels: svg
Vue Content Loading
Vue component to easily build (or use presets) SVG loading cards Facebook like.
Stars: ✭ 729 (-9.22%)
Mutual labels: svg
Text To Svg
Convert text to SVG path without native dependence.
Stars: ✭ 723 (-9.96%)
Mutual labels: svg
Core
🍚 Interactive UI animation engine for the Web. Core renderer for Haiku Animator.
Stars: ✭ 738 (-8.09%)
Mutual labels: svg
Cadquery
A python parametric CAD scripting framework based on OCCT
Stars: ✭ 764 (-4.86%)
Mutual labels: 3d
Svgexport
SVG to PNG/JPEG command-line tool and Node.js module
Stars: ✭ 731 (-8.97%)
Mutual labels: svg
Macsvg
macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ➤➤➤
Stars: ✭ 789 (-1.74%)
Mutual labels: svg
Angular Svg Round Progressbar
Angular module that uses SVG to create a circular progressbar
Stars: ✭ 726 (-9.59%)
Mutual labels: svg
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
Stars: ✭ 6,506 (+710.21%)
Mutual labels: svg
Jquery Drawsvg
Lightweight, simple to use jQuery plugin to animate SVG paths
Stars: ✭ 759 (-5.48%)
Mutual labels: svg
Vedo
A python module for scientific analysis of 3D objects based on VTK and numpy
Stars: ✭ 741 (-7.72%)
Mutual labels: 3d
SVG 3D Builder
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
Other
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].