我尝试开发矢量图的交互式查看器,并希望具有缩放功能。 缩放功能工作得很好,但现在我有问题来计算拾取对象的鼠标位置。 该事件返回屏幕坐标。画布没有反方式使用变换矩阵的方法。 有没有人有解决这个问题的办法?HTML5画布:缩放和翻译后计算鼠标位置
3
A
回答
3
-1
这里有您图书馆一些有价值的功能,同时保留矩阵状态,并建立一个场景图需要:
Transform.prototype.reset = function() {
this.m = [1,0,0,1,0,0];
this.stack = [];
};
Transform.prototype.push = function() {
this.stack.push(this.m.slice());
};
Transform.prototype.pop = function() {
this.m = this.stack.pop();
};
相关问题
- 1. 确定缩放后HTML5画布上的鼠标位置
- 2. HTML画布,规模后鼠标位置和翻译
- 3. 将画布缩放到鼠标位置
- 4. HTML5画布得到放大后的坐标和翻译
- 5. 使HTML5画布的行为像TclTK画布的缩放/翻译?
- 6. Android画布 - 缩放和翻译
- 7. 用翻译放大鼠标位置?
- 8. 翻译html5画布
- 9. 翻译和缩放动画
- 10. 缩放和翻译动画
- 11. HTML5画布和缩放
- 12. 在画布上旋转,缩放和翻译位图
- 13. HTML5画布鼠标
- 14. 缩放和平移画布后鼠标坐标不匹配
- 15. 在CSS缩放画布中获取正确的鼠标位置
- 16. UIVIew动画 - 缩放+翻译
- 17. 在HTML5画布上保存鼠标的位置和时间ipad
- 18. HTML5画布鼠标坐标
- 19. iOS 6 AutoLayout缩放和翻译动画
- 20. 以2步缩放和翻译动画
- 21. CreateJS - 缩放画布不会缩放鼠标坐标
- 22. 计算从鼠标位置
- 23. Chrome HTML5画布缩放
- 24. HTML5画布/ CSS缩放
- 25. HTML5 /画布鼠标位置时关闭放置在现场实际
- 26. CSS缩放后画布上的鼠标坐标
- 27. HTML5画布使用getImageData和putImageData缩放
- 28. HTML 5画布 - 旋转,缩放,翻译和绘制图像
- 29. HTML5画布和鼠标事件问题
- 30. 将动画后备翻译为位置
嗨西蒙,感谢您的快速回复。解决方案是完美的。我会尽力将你的干净的课程整合到我的项目中。
画布还没有像这样的要求得到适当的方法,这是一个耻辱。 Android和我知道的每个其他图形平台都有。 – strangeoptics
很好用。谢谢。 – strangeoptics
您应该添加一个反转函数,以返回一个新的Transformobject/Matrix。否则,我必须在完成屏幕上的世界翻译后再次调用翻转。这可能会更高效。 – strangeoptics