Tag: 3d

如何在Canvas中拖动图像/对象？

1）在canvas上我用drawSvg（canvg）绘制SVG文件（awesome_tiger.svg）。 2）在那个SVG文件上，我正在绘制图像* （green1.png和pink.png） *，其坐标来自JSON。 var dataJSON = data || []; var dataJSON2 = data2 || []; 3）所以在我能够用draw1（scaleValue）平移完整的绘图。 4）当我点击green.png和pink.png时，他们各自的工具提示能够查看在tooltipFunc函数中完成的操作 。 5）我想要做的是，当点击green.png / pink.png并拖动它时我应该能够拖动那些图像而不是Svg文件。 如果我单击svg文件并拖动它，那么正常的平移应该可以正常工作。 有人可以帮忙吗？ “其他人参考我的问题：”这个主题的内容在下面提到，我在stackoverflow链接上得到了这个。 借助于此，任何人都可以帮助我解决项目需求问题吗？ 以下是我的源代码： JSON数据： data = [ { “id” :[“first”], “x”: [“195”], “y”: [“150”], “tooltiptxt”: [“Region 1”] }, { “id” :[“second”], “x”: [“255”], “y”: [“180”], “tooltiptxt”: [“Region 2”] }, { “id” […]

JQuery 类触发3D变换

我正在寻找一个很好的方法来提示css3 3d变换，通过使用JQuery向html标签添加类。 我有这样的菜单： Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 例如，如果单击“.menu1 a”，我想将类“show1”添加到html标记中。 ‘show2’如果’.menu2 a’被点击等。 但是为了使我的转换正常工作，我还需要添加另一个类，然后在设置的时间（如3秒）后删除。 因此，如果单击“.menu1 a”，则html类将“show1 zoom”3秒，然后只是“show1”。 如果单击’.menu2 a’，则html类将为’show2 twirl’。 我不介意在脚本中手动设置转换的名称（缩放，旋转等），但如果它更容易/更整洁我可以在li上使用类系统，例如’menu1 p-show1 t-zoom ”。 我在这里有一个半工作的例子。 如果您检查html标签（单击html旁边的齿轮）并将html类从’show1’更改为’show2 zoom’，您将看到所需的过渡，该过渡应该是旋转到正确侧（.show2）的立方体，还有顶部的花式过渡（.zoom）。 一切都正常工作，除了.js，我根本无法工作！ 这里有新的演示。

在canvas上平移图像后，工具提示无法在平移位置查看？

以下是我的代码供参考。 一个主要图像显示在canvas上。 在具有dataJSON对象的图像上，我传递x和y坐标并在那里绘制球图像。 然后添加工具提示。 （function tooltipFunc） 但是当我平移图像时，在hover时那些球图像上看不到工具提示。** 在tooltipFunc函数中， 如果代码是第一次加载页面时的默认位置。 当我们平移图像以显示工具提示时， 其他代码用于转换位置。 但是在平移之后，当鼠标hover在球图像上时，工具提示是不可见的。 当我点击那些球图像时，工具提示是可见的，但不在翻译位置。 有什么建议？ //以下是代码供参考 var isDown = false; var startCoords = []; var last = [0, 0]; canvas.onmousedown = function(e){ isDown = true; startCoords = [ e.offsetX – last[0], e.offsetY – last[1] ]; }; canvas.onmouseup = function(e){ isDown = false; last = [ e.offsetX […]

jQuery 3D旋转木马？

有没有人看过像这样的jQuery 3D轮播教程？ http://web.enavu.com/demos/3dcarouselwip/ 没有给出任何消息来源，但是想知道是否有人提示如何连续圈出DIV并调整它们的大小。 它似乎不是真正的3D，但根据位置调整DIV的大小？ 谢谢，胡安