以下代码在以下代码片段中运行。它确实切断了下半部分。但它在 CodePen.io 上根本不起作用或者我的私有(private)服务器。它在 CodePen 上产生 1000 多个错误。为什么会这样？我对自己缺少的东西感到非常困惑。
wheel = new wheelnav('wheelDiv');
wheel.clockwise = false;
wheel.createWheel(['title-0', 'title-1', 'title-2', 'title-3', 'title-4']);<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/wheelnav/1.7.0/wheelnav.min.js"></script>
<div id="wheelDiv"></div>我在我的家庭服务器上运行的是:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js">
</script>
<script src="https://cdn.jsdelivr.net/wheelnav/1.7.0/wheelnav.min.js" type="text/javascript">
</script>
<title></title>
</head>
<body>
<div id="wheelDiv"></div>
<script>
wheel = new wheelnav('wheelDiv');
wheel.clockwise = false;
wheel.createWheel(['title-0', 'title-1', 'title-2', 'title-3', 'title-4']);
</script>
</body>
</html>
最佳答案
wheelnav.js库目前使用修改后的 raphael.js。 您当前的问题已解决 here .
您可以从这里使用修改后的 raphael.js:https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/raphael.min.js
这是我在 CodePen 上的工作模板:https://codepen.io/softwaretailoring/pen/OWYBjy
<script src="https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/raphael.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/wheelnav.min.js"></script>
关于javascript - WheelNav 不适用于 CodePen，但在代码片段中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43904815/