六阶魔方中的TR+U’+N3L’+U+TR’U’+N3L+F什么意思?

首先,我们需要两张画布,一个展示选取图片的压缩图,一个展示截取后的图片。

废话不多讲上代码如下:

您的浏览器不支持canvas,请升级最新版本 您的浏览器不支持canvas,请升级最新版本 // 初始化 原图的画布 // 初始化 裁图 画布 //在画布没发生变化时,清除画布区域,重置画布的宽高为默认的值,然后对比宽高,短的一边给默认值(300),长的一边等比计算: // 设置画布压缩后的宽高 // 图片加载完成 绘制选中的图片 // 允许鼠标点击事件 // 绘制 压缩后的图片 // 清除截图区域时使用 // 绘制 裁剪后的图片 // 原点到鼠标之间的差值 // 截图框内才能拖动 // 允许鼠标移动事件 // 清空 上个路径的截图框 X、Y坐标 - 1 宽高 + 2 彻底清除整个截图框区域 // 重新赋值 截图框原点位置 // 可移动范围内赋值 // 不可移动范围内赋值 // 缓存 清除截图框的 绘图模块 //阻止页面的滑动默认事件 // 停止鼠标拖动事件 // 不能小于裁剪大小 // 固定短边,计算长边的值 // 绘制 原图 截图框 // 绘制 原图 截图框 // 选择最大 最小 缩放比例 重绘 // 设置绘图原点,最好取整,有奇怪的bug // 绘制 原图 截图框

我要回帖

更多关于 魔方U’怎么读 的文章

 

随机推荐