我正在尝试创建类似于此处的放大效果:https://thdoan.github.io/magnify/demo.html 有很多库可以执行此操作,但是它们都可以处理图像。 我需要常规的DOM元素才能缩放。
我试图使用一个图像以及该图像的另一个较大版本,如在演示中一样,仅在“放大镜”内部显示较大图像。这不起作用,因为图像中的文本元素需要动态更改。
使用画布方法将需要在画布中重建许多复杂的DOM元素,我宁愿避免这种情况,特别是因为那时更改布局会变得更加困难。对于webGL也是一样。
另一个可能的选择是复制可缩放的div,按比例放大,然后将放大镜用作该div上的蒙版。这会使事情变得复杂,因为随后我必须将所有更改都复制到两个div。
还有其他我没想到的选择吗?