Tag: 2d

加速度计 – 球滚球

我想用手机加速度计来滚动球。 运动正常，问题是当球击中墙壁时。 我怎样才能得到一个平滑的滚动动画，球在大球的内侧滑动？ 这是我当前移动球并检查交叉点的代码： onSuccess: function(acceleration) { var xPos = this.xPos + (-1 * (acceleration.x * 0.5)); var yPos = this.yPos + (acceleration.y * 0.5); var intersect = this.intersection(xPos + 32, yPos + 32, 32, self.canvas.width * 0.5, self.canvas.height * 0.5, self.canvas.width * 0.5); if (!intersect) { this.yPos = yPos; this.xPos = xPos; } this.cnv.clearRect(0.0, […]

如何在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设置，CSS3 2D变换不能在IE9上工作

根据标题，我正在使用CSS3的转换来翻译和旋转对象，并且除了IE9之外，它在每个浏览器中都能完美运行。 它适用于IE9， 但只有直接写入.css文件 。 如果由jQuery（v.1.5.1）设置，它会失败： $(‘#example’).css(‘-ms-transform’, ‘translate(200%) rotate(45deg) translate(-200%)’); 有什么建议吗？

在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 […]