如何在 wheelnav.js 中的项目之间添加间距

Question

我得到了一个从 https://pmg.softwaretailoring.net/ 生成的导航轮，但在阅读了他们的文档后，我不知道如何在轮子中的项目之间添加 spcaing。他们杂乱无章地在一起。实例化的 wheelnav 对象上是否有任何我不知道的函数？我试图通过他们的 .js 文件手动找到它，但找不到任何东西。

Answer 1

您可以使用 stroke-width 属性和背景颜色来实现间距。

当 cssMode 为真时使用以下 CSS.

[id|=wheelnav-wheelDiv-slice] {
    fill: white;
    stroke: *background-color*;
    stroke-width: 10px;
    cursor: pointer;
}

更多信息在这里：https://wheelnavjs.softwaretailoring.net/documentation/css3.html

没有 cssMode 使用以下 JavaScript.

var wheel = new wheelnav("wheelDiv");
wheel.slicePathAttr = { stroke: "*background-color*", "stroke-width": 10, cursor: 'pointer' };
wheel.sliceHoverAttr = { stroke: "*background-color*", "stroke-width": 10, cursor: 'pointer' };
wheel.sliceSelectedAttr = { stroke: "*background-color*", "stroke-width": 10, cursor: 'default' };
wheel.createWheel(["First", "Second", "Third", "Fourth"]);

或者，您可以通过自定义创建自己的 slicePath。

更多信息在这里：https://wheelnavjs.softwaretailoring.net/documentation/slicePath.html#tutorial

如何在 wheelnav.js 中的项目之间添加间距

How to add spacing between items in wheelnav.js

wheelnav.js