我尝试开发矢量图的交互式查看器,并希望具有缩放功能。 缩放功能工作得很好,但现在我有问题来计算拾取对象的鼠标位置。 该事件返回屏幕坐标。画布没有反方式使用变换矩阵的方法。 有没有人有解决这个问题的办法?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. Android画布 - 缩放和翻译
- 2. 翻译html5画布
- 3. 用翻译放大鼠标位置?
- 4. 缩放和翻译动画
- 5. 翻译和缩放动画
- 6. 在画布上旋转,缩放和翻译位图
- 7. HTML5画布鼠标
- 8. 在CSS缩放画布中获取正确的鼠标位置
- 9. UIVIew动画 - 缩放+翻译
- 10. 以2步缩放和翻译动画
- 11. CreateJS - 缩放画布不会缩放鼠标坐标
- 12. HTML5 /画布鼠标位置时关闭放置在现场实际
- 13. CSS缩放后画布上的鼠标坐标
- 14. HTML5画布和鼠标事件问题
- 15. HTML 5画布 - 旋转,缩放,翻译和绘制图像
- 16. 将动画后备翻译为位置
- 17. 在预设位置的html5画布上缩放照片图像
- 18. 计算图像缩放后的鼠标坐标
- 19. HTML5画布比例计算
- 20. 基于鼠标位置缩放对象
- 21. 缩放到LWJGL中的鼠标位置
- 22. 如何在转换后的HTML5画布上获取鼠标位置
- 23. 在画布内获取鼠标位置
- 24. 鼠标在画布上的位置
- 25. HTML5画布中的鼠标坐标
- 26. Android缩放画布位图
- 27. 用鼠标移动和缩放tkinter画布
- 28. Three.js将鼠标控件限制和缩放到画布大小
- 29. WPF缩放帆布中心在鼠标位置
- 30. Android画布比例尺,翻译和位置
嗨西蒙,感谢您的快速回复。解决方案是完美的。我会尽力将你的干净的课程整合到我的项目中。
画布还没有像这样的要求得到适当的方法,这是一个耻辱。 Android和我知道的每个其他图形平台都有。 – strangeoptics
很好用。谢谢。 – strangeoptics
您应该添加一个反转函数,以返回一个新的Transformobject/Matrix。否则,我必须在完成屏幕上的世界翻译后再次调用翻转。这可能会更高效。 – strangeoptics