需求：需要展示的数据已经在数据库中设置好，并且是基于大屏的。现在它需要在不同的设备上显示。实现：所有对象使用Absolute定位，根据实际屏幕与数据库设置的屏幕尺寸比例，对数据进行缩放，背景居中覆盖background-position:centercenter;背景尺寸：封面；中间内容水平和垂直居中width:500px;height:300px;//假设宽高这么多position:absolute;top:50%,left:50%;transition:translate(-50%-50%);canvas画布上的图形或图片与其他dom不一样，canvas的宽高不能通过style来设置，否则容易模糊，所以宽高是通过计算出的宽高来设置的。1.画在画布上的图形：显示画布宽高缩放后的值，画布上元素的各个坐标缩放绘制。2.画布显示图像（迷宫）。画布的宽度和高度无法缩放。必须显示整张图片的宽高，否则图片会被裁掉，所以整个画布只能在渲染后使用stylescale进行缩放。出现的问题是迷宫中的“小人”在移动时，出口的判断是根据当前移动的位置是否超过迷宫的宽度和高度。这时候宽高就不能使用缩放后的值了，虽然看起来迷宫变小了，但是里面的坐标并没有变。交互中的复杂问题1.拖拽对象的宽高和起点已经计算好了。2、拖动对象移动过程中需要缩放移动距离。3.元素的目标位置是否为计算出的预置位置判断预置位置
