Difference between revisions of "Template:Jscad"
Jump to navigation
Jump to search
| (4 intermediate revisions by the same user not shown) | |||
| Line 12: | Line 12: | ||
} | } | ||
}} | }} | ||
| − | + | <pre> | |
| − | < | ||
| − | |||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
pre, code, textarea { | pre, code, textarea { | ||
| Line 39: | Line 34: | ||
canvas { cursor: move; } | canvas { cursor: move; } | ||
</style> | </style> | ||
| − | < | + | </pre> |
| − | + | [[Category:Template]] | |
| − | + | </noinclude><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 = | = Source code = | ||
| + | Just cut&paste the source code below to https://www.openjscad.org/ | ||
{{#tag:source|{{{code|}}}|lang=javascript}} | {{#tag:source|{{{code|}}}|lang=javascript}} | ||
[[Category:OpenJSCAD]] | [[Category:OpenJSCAD]] | ||
</includeonly> | </includeonly> | ||
Latest revision as of 09: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>