Difference between revisions of "Template:Jscad"
Jump to navigation
Jump to search
(Created page with "<noinclude> Category:Template </noinclude> <includeonly>{{{code|}}}</includeonly>") |
|||
| (37 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
| + | = Usage = | ||
| + | <pre> | ||
| + | {{jscad|title=OpenJSCAD example|code=function main() { | ||
| + | return CSG.cube(); | ||
| + | } | ||
| + | }} | ||
| + | </pre> | ||
| + | = Example = | ||
| + | {{jscad|title=OpenJSCAD example|code=function main() { | ||
| + | return CSG.cube(); | ||
| + | } | ||
| + | }} | ||
| + | <pre> | ||
| + | <style> | ||
| + | pre, code, textarea { | ||
| + | font: 12px/20px Monaco, monospace; | ||
| + | border: 1px solid #CCC; | ||
| + | border-radius: 3px; | ||
| + | background: #F9F9F9; | ||
| + | padding: 0 3px; | ||
| + | color: #555; | ||
| + | } | ||
| + | pre, textarea { | ||
| + | padding: 10px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | textarea { | ||
| + | height: 200px; | ||
| + | } | ||
| + | textarea:focus { | ||
| + | outline: none; | ||
| + | } | ||
| + | canvas { cursor: move; } | ||
| + | </style> | ||
| + | </pre> | ||
[[Category:Template]] | [[Category:Template]] | ||
| − | </noinclude> | + | </noinclude><includeonly> |
| − | <includeonly>{{{code|}}}</includeonly> | + | = {{{title|}}} = |
| + | The preview below currently only works for older JSCad code using the CSG syntax. See [https://github.com/jscad/OpenJSCAD.org/issues/448 OpenJsCad Issue 448] | ||
| + | {{#tag:jscad|{{{code|}}}}} | ||
| + | = Source code = | ||
| + | Just cut&paste the source code below to https://www.openjscad.org/ | ||
| + | {{#tag:source|{{{code|}}}|lang=javascript}} | ||
| + | [[Category:OpenJSCAD]] | ||
| + | </includeonly> | ||
Latest revision as of 10:37, 18 June 2019
Usage
{{jscad|title=OpenJSCAD example|code=function main() {
return CSG.cube();
}
}}
Example
OpenJSCAD example
The preview below currently only works for older JSCad code using the CSG syntax. See OpenJsCad Issue 448 <jscad>function main() {
return CSG.cube();
}</jscad>
Source code
Just cut&paste the source code below to https://www.openjscad.org/
function main() {
return CSG.cube();
}
<style>
pre, code, textarea {
font: 12px/20px Monaco, monospace;
border: 1px solid #CCC;
border-radius: 3px;
background: #F9F9F9;
padding: 0 3px;
color: #555;
}
pre, textarea {
padding: 10px;
width: 100%;
}
textarea {
height: 200px;
}
textarea:focus {
outline: none;
}
canvas { cursor: move; }
</style>