请先看看这张照片:https ://docs.google.com/file/d/0By25CEM_KEOiYzdYaWVicnp6Zm8/edit?usp=sharing
现在我想做类似的东西,但我想把 d3.js 元素放在这样的滑块上,而不是像矩形、圆形、正方形、三角形这样的图像,以便用户可以使用图像中显示的箭头按钮移动它们。
我只是想知道 d3.js 是否可以,如果可以,请告诉我如何或从哪里开始?
请先看看这张照片:https ://docs.google.com/file/d/0By25CEM_KEOiYzdYaWVicnp6Zm8/edit?usp=sharing
现在我想做类似的东西,但我想把 d3.js 元素放在这样的滑块上,而不是像矩形、圆形、正方形、三角形这样的图像,以便用户可以使用图像中显示的箭头按钮移动它们。
我只是想知道 d3.js 是否可以,如果可以,请告诉我如何或从哪里开始?
您可以使用 D3 制作类似的东西。
您可以这样做的一种方法是使用 SVG 将图块绘制为矩形,然后使用剪辑路径隐藏您想要查看的框架之外的图块。左右箭头将更新 xScale 域,该域将左右滑动图块。并且,您可以在矩形元素上注册点击事件以在图块上创建链接。
有关如何开始的一些想法,请参阅此:http: //bl.ocks.org/mbostock/1667367
如果您对 d3 还不是很熟悉,那么在深入了解之前,您可能应该从以下基本教程开始: http ://mbostock.github.io/d3/tutorial/bar-1.html。