Difference between revisions of "Template:Jscad"
Jump to navigation
Jump to search
(35 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> | <style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
pre, code, textarea { | pre, code, textarea { | ||
font: 12px/20px Monaco, monospace; | font: 12px/20px Monaco, monospace; | ||
Line 34: | Line 32: | ||
outline: none; | outline: none; | ||
} | } | ||
− | |||
canvas { cursor: move; } | canvas { cursor: move; } | ||
− | + | </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 = | |
− | // | + | Just cut&paste the source code below to https://www.openjscad.org/ |
− | + | {{#tag:source|{{{code|}}}|lang=javascript}} | |
− | + | [[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>