G925010178的博客

需求描述：最近开发过程中，客户需要在手机端显示图片，并可以放大缩小，随意查看。如果有报警信息，需要在图纸上具体点位标出报警。一、功能提取：1、实现图片放大缩小2、实现图片以某一点居中3、实现图片某个点定位另一张图片最后附有整体代码二、开发过程1、素材需要展示的图纸一张，大小3037 * 2304报警图片一张，大小48 * 482、开始实现图片的滑动效果创建一个可以上下滑动的父元素【.big-box】，超出隐藏 overflow: scroll。里面放入背景图为图纸【.

css伪元素，层级太高，挡住了父级子元素父级div，伪元素before和after分别实现方框内的十字线。子集是一张图片，被伪元素遮挡住了。<style>#show_image{ border: 1px solid rgba(0, 0, 0, 0.58); position:relative; width:100px; height:100px;}#show_image::before{ content:""; position:abso