我所知道的用于显示 JSCad 设计的当前解决方案：
- https://www.openjscad.org/
- https://danmarshall.github.io/jscad-gallery/
- https://risacher.org/OpenJsCad
- https://johnwebbcole.gitlab.io/vesa-shelf/
- https://joostn.github.io/OpenJsCad/
- https://github.com/jscad/OpenJSCAD.org/blob/V2/packages/web/demo.html
都需要相当多的基础设施才能工作。
https://www.openjscad.org/
基于节点 The Userguide
https://www.openjscad.org/dokuwiki/doku.php?id=user_guide_website 状态
该网站可以集成到现有网站中。
但没有说如何。
https://danmarshall.github.io/jscad-gallery/
它的来源位于https://github.com/danmarshall/jscad-gallery。这些最后一次修改是在 2017 年（大约 2 年前的这篇文章）。它使用几十个 javascript 文件和 jekyll 来实现它的目的。
示例：https ://danmarshall.github.io/jscad-gallery/s-hook
一个页面的源代码很小：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JSCAD Gallery s-hook</title>
<link rel="stylesheet" type="text/css" href="/jscad-gallery/site.css"/>
<script src='/jscad-gallery/browser_modules/@jscad/csg/0.3.7.js' type="text/javascript"></script>
<script src='/jscad-gallery/js/jscad-viewer.js' type="text/javascript"></script>
<script src='/jscad-gallery/js/ui.js' type="text/javascript"></script></head>
<body>
<h1>s-hook</h1>
<p>a simple S-hook design</p>
<div id="detail-viewer"></div>
<div id="inputs"></div>
<button onclick="detailView.export('stl', document.getElementById('download'))">Generate STL</button>
<div id="download"></div>
<script>
var design = {
title: "s-hook",
updated: null,
author: "Joost Nieuwenhuijse",
version: "1.0.0",
dependencies: [{"@jscad/scad-api":"^0.4.2"}],
image: "/browser_modules/s-hook/thumbnail.png",
camera: {"angle":{"x":-60,"y":0,"z":-45},"position":{"x":0,"y":0,"z":116}}
};
var detailView = new JscadGallery.DesignView();
detailView.load(document.getElementById('detail-viewer'), design, document.getElementById('inputs'));
</script>
<footer>
<a href="https://github.com/danmarshall/jscad-gallery">Jscad-gallery on GitHub</a>
</footer>
</body>
</html>
我正在寻找可以嵌入到 Mediawiki 中的（希望如此）简单的解决方案。首先，一个带有一点 javascript 的纯 html 页面会为我做。
也可以看看：
首先，我通过简单地从https://risacher.org/OpenJsCad/lampshademo.html复制 html 来创建http://wiki.bitplan.com/index.php/ParametricLampShade。
我把文件：
- csg.js
- lightgl.js
- openjscad.js
进入文件夹扩展/OpenJsCad。
使用这种简单的方法，我得到了错误：
Error in line 466: NetworkError: Failed to load worker script at http://wiki.bitplan.com/index.php/csg.js (nsresult = 0x804b001d)
原因似乎在 openjscad.js 中：
// callback: should be function(error, csg)
OpenJsCad.parseJsCadScriptASync = function(script, mainParameters, options, callback) {
var baselibraries = [
"csg.js",
"openjscad.js"
];
var baseurl = document.location.href.replace(/\?.*$/, '');
var openjscadurl = baseurl;
if (options['openJsCadPath'] != null) {
openjscadurl = OpenJsCad.makeAbsoluteUrl( options['openJsCadPath'], baseurl );
}
var libraries = [];
if (options['libraries'] != null) {
libraries = options['libraries'];
}
...
}
openjscadurl 取自 Mediawiki 的基本路径 ../index.php。
我该如何解决这个问题？
所需的最少 javascript 文件集是什么？这些文件的正确版本是多少？