我正在谷歌网页设计工具中制作一个简单的(至少当时我是这么认为的)交互式横幅广告。
我特别想创建一个放大镜效果,用户可以控制并在 300px x 300px 横幅广告周围移动,直到他们找到隐藏在广告某个坐标处的图片。一旦他们找到该项目,它将导致广告将用户重定向到登录页面。
我已经看到其他类似的问题和使用两个画布元素的显示技术,但是我不确定如何仅在随鼠标移动的放大镜内实际制作显示区域,记住它是一个圆圈。
隐藏的图像可能只是一个 300 像素 x 300 像素的白色背景,图片位于某处。然后有第二个图像覆盖它以隐藏它,但是我需要放大镜来显示第二个后面的第一个白色图像。或者,要显示的白色背景图像将位于大部分可见的图像之上,然后放大镜会将其更改为圆形放大镜区域内的完全透明?
有人有建议吗?
谢谢