before after image compare使用JavaScript和SCSS比较两个图像

before-after-image-compare 允许在一个框内比较两张图片（使用 JavaScript 和 SCSS）。目标：支持 IE8+，并通过纯 HTML 显示两张图。实现方式：

1. HTML 部分：两张图像均会显示在 .box 内，包含两个

   元素，每个元素内包含一个 。

2. CSS 部分：确保两张图像完全显示。

3. JavaScript 部分：两张图片叠加，通过鼠标位置控制分割位置（水平方向或垂直方向由类名 -h 或 -v 决定）。分割线的显示需要根据鼠标移动进行实时更新。叠合的图片使用类名来管理，且由 JavaScript 动态加入。

角度方案：可以通过 SASS 来决定分割角度，JavaScript 则负责动态提取角度和边长。如果需要支持 SVG，在检测到支持后，JavaScript 将动态替换原始的