1.电脑用什么P图软件
2.前端实战:从零到一实现H5拼图小游戏(附源码)

电脑用什么P图软件

       GIMP是（The拼图 GNU Image Manipulation Program的简称），一个用GTK编写的图像编辑处理程序。GIMP是跨平台软件，成名于 Linux 平台，目前在windows下也广泛应用，亦支持Mac。

       GIMP这款软件，除了跨平台，免费开源以外，Photoshop大部分的功能GIMP都能做到，P图自然是不在话下。而且GIMP占用资源小，处理图片速度极快的优点。GIMP文件只有多MB，如果社区提供的多个插件全装完只有也MB。

       å¹³æ—¶å¤„理照片，GIMP也提供了大量的内置滤镜。内置滤镜满足不了需求的话，GIMP社区上也有很多功能强大的第三方的滤镜可以使用。

扩展资料：

       é€‰æ‹©GIMP作为首款P图软件的理由。

       å¯¹äºŽéžä¸“业人士初学图像处理，使用GIMP有很大的优势。虽然PS功能强大，但并不适合新人使用，对于想要简单P图，不屑于使用“美图秀秀”之流，又对定制化有要求的用户来说，PS显得过于臃肿庞大，并不是最佳选择。

       Adobe å…¬å¸çš„Photoshop功能公认的强大，不光P图能力强大，绘画方面也极其优秀。是全球公认的行业标准。但该软件对普通人并不友好，学习周期较长，价格较贵（每月9.美元）是其问题存在。

       æœ€æ–°ç‰ˆæœ¬çš„Photoshop 版占用磁盘空间达到2.5个GB，已经是庞然大物了，关键是及其消耗系统资源，对硬件要求较高。图片处理速度并不优秀，经常出现假死，卡顿，闪退等现象，并不推荐新人使用。

       ç›¸æ¯”较GIMP基于GNU协议的免费软件。全球各地的编程高手和图像处理的专家一直不停地改进和维护软件的设计和图像处理的算法，保证了软件的先进性不输于任何一个商业软件。

       å¦å¤–个人的照片和图像的其他处理其实也是存在版权问题的（处理过的照片里记载了所使用的软件的信息），而使用GIMP可以免去任何侵权的风险。GIMP不仅免费，同时还是开放源代码的软件。如果既是摄影爱好者同时又是程序员，还可以使用开放的GIMP的源代码编写自己的专用软件。

       åŒä¸ºä¸“业软件，二者的学习成本都差不多，Photoshop略微复杂些。但如果学会了GIMP，再去学习PS是很容易的。因为GIMP紧跟Photoshop的步伐，二者不光界面极其相似，功能也基本差不多。

       åŸºæœ¬Photoshop有的功能，GIMP都会在版本更新中弥补。GIMP由于是开源的，并没有Photoshop的团队那么强大，因此很多功能只是会延后一些，当前2..8版本的GIMP和Photoshop比差距已经很小了。

参考资料来源：百度百科—— GIMP

前端实战:从零到一实现H5拼图小游戏(附源码)

       去年，我开发了一个基于H5、软件JavaScript和CSS3的源码拼图小游戏。这款游戏利用了我自己封装的拼图类Jquery框架Xuery，融合了许多经典的软件JavaScript算法和CSS3特性，对提升大家的源码未来科技dz论坛源码编程能力大有裨益。文章末尾将提供源码获取方式，拼图供大家学习体验。软件

       由于这款应用属于H5游戏，源码为了使项目更轻量，拼图我没有使用第三方UI库。软件如果大家想使用基于Vue的源码第三方移动端UI库，我可以推荐几个我之前使用过的拼图靠谱组件库：[此处省略推荐内容]。以上推荐的软件都是社区完善、bug较少的源码组件库，大家可以试试看。

       回到我们的汉化rec源码小游戏开发，主要考验大家对JavaScript和CSS3的掌握程度。学习完这篇文章后，相信大家对JavaScript和CSS3的编程能力都会有极大的提升。之后，我还会介绍如何使用canvas实现生成战绩海报图的功能。

       我们先来看看游戏的预览界面：

       本文的算法实现方式在之前的拼拼乐文章中已有说明，这里主要介绍核心算法，至于vue-cli的岁月源码论坛使用方法，我之前也写过对应的文章，大家可以研究学习一下。vue-cli搭建项目方式如下：[此处省略搭建方法]。

       关于vue-cli3配置实战，可以参考《一张图教你快速玩转vue-cli3》。

       目前，我主要整理了以下核心功能，接下来我会一一为大家实现：实现纯JavaScript上传预览、积分代点源码实现拼图分割功能、实现洗牌算法、实现生成战绩海报功能。

       1. 实现纯JavaScript上传预览：文件上传预览主要采用FileReader API实现，原理是将file对象传给FileReader的readAsDataURL，然后转化为data:URL格式的字符串（base编码）以表示所读取文件的内容。具体代码如下：[此处省略代码]。

       2. 实现拼图分割功能：一般处理拼图游戏时，dubbo mock源码我们会采用以下方案：使用canvas分割、采用n张不同的切好的切片（方法简单，但会造成多次请求）、动态背景分割。经过权衡，我选择了一种自认为比较优雅的方法——动态背景分割，只需使用1张，然后利用CSS切割，有点像经典的雪碧图。具体实现如下：[此处省略实现方法]。

       3. 实现洗牌算法：洗牌逻辑依托于随机算法，结合坐标系，实现一个随机生成二维坐标系的逻辑，然后通过改变每个切片的translate位置，配合过渡动画，即可实现洗牌功能和洗牌动画。具体实现如下：[此处省略实现方法]。

       4. 实现生成战绩海报功能：生成战绩海报我采用canvas来实现，对于canvas的api不熟悉的可以查看MDN，讲得比较详细。这里我简单实现一个供大家参考：[此处省略实现方法]。

       H5拼图小游戏我已在github开源，感兴趣的朋友可以在我github上学习参考。以上逻辑部分的代码可以直接整合到vue项目中，由于实现比较简单，这里我就不详细介绍了。

       如果想学习更多H5游戏、webpack、node、gulp、css3、javascript、nodeJS、canvas数据可视化等前端知识和实战，欢迎在《趣谈前端》一起学习讨论，共同探索前端的边界。