Difference between revisions of "Template:Jscad"
Jump to navigation
Jump to search
| Line 4: | Line 4: | ||
<pre> | <pre> | ||
<source lang='javascript'></source> | <source lang='javascript'></source> | ||
| − | {{jscad}} | + | {{jscad|code=function main() { |
| + | } | ||
| + | }} | ||
</pre> | </pre> | ||
| + | == Example == | ||
| + | {{jscad|code=function main() { | ||
| + | } | ||
| + | }} | ||
| + | |||
[[Category:Template]] | [[Category:Template]] | ||
</noinclude><includeonly> | </noinclude><includeonly> | ||
| + | {{subst:code} | ||
<jscad nocache>{{subst:code}}</jscad> | <jscad nocache>{{subst:code}}</jscad> | ||
<html><head> | <html><head> | ||
Revision as of 08:09, 10 June 2019
Usage
Put your JSCAD code inside a source tag and add a call of this template
<source lang='javascript'></source>
{{jscad|code=function main() {
}
}}
Example
{{subst:code} <jscad nocache>{{subst:code}}</jscad> <html><head>
<script src="/extensions/OpenJsCad/lightgl.js"></script> <script src="/extensions/OpenJsCad/csg.js"></script> <script src="/extensions/OpenJsCad/openjscad.js"></script> <style>
body {
font: 14px/20px 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; max-width: 820px; margin: 0 auto; padding: 10px;
}
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>
<link rel="stylesheet" href="/extensions/OpenJsCad/openjscad.css" type="text/css">
<script>
var gProcessor=null;
// Show all exceptions to the user: OpenJsCad.AlertUserOfUncaughtExceptions();
function onload() {
let viewer = document.getElementById("viewer");
gProcessor = new OpenJsCad.Processor(viewer);
updateSolid();
}
function updateSolid() {
gProcessor.setJsCad(document.getElementById('code').value);
} </script> <title>OpenJsCad demo: Parametric Lamp Shade</title> </head> <body onload="onload()"> <input type="submit" value="Update" onclick="updateSolid(); return false;"> <html>