当前位置：移动技术网 > IT编程>网页制作>CSS > web拼图错误分析

web拼图错误分析

2018年03月13日 | 移动技术网IT编程 | 我要评论

老师要求用web制作一个拼图游戏。

发现的问题：点击随机生成拼图的按钮后，打乱的图片会出现无法还原的情况。

发现过程：每次生成一个拼图后会测试它怎么拼回去，结果发现有时候拼不回去。

数学原理：如果两个矩阵的逆序数的奇偶性相同，则其中一个矩阵通过若干次变换以后必定能够得到另一个矩阵。

问题原因：随机生成的拼图矩阵与初始矩阵的逆序数可能会不同。

解决方案：由于最开始的矩阵逆序数为0（偶数），所以只需要判断打乱后的矩阵逆序数为偶数就可以了。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

CSS实现loading小动画

纯css实现loading动画相信各位上网过程中最不希望看到的就是加载中不停转圈圈的画面了那么他是怎么实现的呢？... [阅读全文]
CSS3 - 文本超出隐藏显示省略号（单行 / 多行）

单行如果实现单行文本的溢出显示省略号（…）应该都知道用 text-overflow:ellipsis 属性来，当... [阅读全文]
css counter计数器与content总结

content属性早在css2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。content属性现在已经得到大部分浏览器的支持，关于... [阅读全文]
前端学习笔记（6）之css盒模型的细节知识点汇总

css盒模型细节知识点总结只要元素有浮动，尽量保证浮动元素都在一个父元素里面。高度塌陷：子元素浮动，而父元素未设... [阅读全文]
前端学习笔记（4）之css背景属性合集

背景模块背景颜色background-color背景图：background-image：url（）；背景图平铺... [阅读全文]
PC端页面适配到移动端的问题(自动缩放PC端页面)

有时候在移动端开发页面的时候会发现因为移动端分辨率大导致页面视图被缩放的很小,这个时候就需要适配了话不多说直接贴... [阅读全文]
新版知乎x-zse-86加密破解分析

知乎x-zse-86加密破解新版知乎加密破解仅用于研究和学习使用新版本知乎使用headers中的x-zse-86... [阅读全文]
Flex 使用场景(二）

Flex 就是容器和轴。容器包括外层的父容器和内层的子容器，轴包括主轴和交叉轴，可以说 flex 布... [阅读全文]
css3实现边框圆角内凹效果

我们知道在边框的四个角实现圆角可以用 border-radius 实现, 如果在边框中心实现边框的内凹效果呢?效... [阅读全文]
【css】利用line-height实现垂直居中

替换元素与非替换元素<body> <div>hello</div> &l... [阅读全文]

网友评论


验证码：

web拼图错误分析

2018年03月13日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论