admin管理员组

文章数量:1558064

工作中,不知道小伙伴们有没有遇到过这种场景,当你需要简单的画个图,或者粗暴的修个图,加个色,甚至单纯的改个尺寸等等此类。咱不是专业UI或者美术,电脑里没有专业软件(ps/ai),毕竟这些个软件小到上百m大到几个g,下载费力耗时,即便下载完后还不一定能安装成功,鉴于版权啊注册激活码之类的门槛。安装成功了,你的机器不一定能跑起来,弹框警告劝你买版权,劝你从了吧。此路不算最佳,你急迫的如热锅上的蚂蚁。你只是想简单的画个图而已,不想麻烦其他人。于是求助于万能的搜索,天啊,给我一个好用不花钱的画图存图的免安装工具吧。一顿搜索,出来了不少,什么pix啊so啊,什么gao啊ding啊设计之类,lan啊hu的等等诸如此类的,发现都能满足要求,最后兴高采烈的择期一用之。开始了优雅的画啊改啊图的操作,一顿操作完,嗯,不错,此图只应天上有,人间难得几回见。啊,呸,自嗨了哈~~~别急,还没完,这个时候关键点到了,你要保存下来,保存的时候,这些个应用啊有个共同点,要登录,要你手机号(当心骚扰电话短信),又或者要你付费,不付费就会加他们家水印(某w啊ps如斯),当然也能理解,毕竟人家提供应用也是有成本的。但作为互联网折腾家,怎么能容忍这种事在自己身上发生了,就不能无门槛吗?就不能开放式使用吗?直接保存无门槛不香吗?不安装免激活使用不香吗?功能等比cs软件不香吗?当然adoe官方也推出了网页版,虽说不用安装,当毕竟是墙外的站点对墙内的盆友访问速度不太友好,索性来吧,自己动手搭建一个,好用永久免费,即开即用即走不粘人!

废话一堆,今天就带大家撸一把web版的ps实操画图工具~~~

完整应用,上图

 

 

首先按照惯例准备一个html文件

<!DOCTYPE html
<html lang="zh-cn">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
	<title>FREE PS</title>
	<link rel="stylesheet" href="css/style.css" />
</head>
<body class="theme0">
	<script src="js/libs.js"></script>
	<script src="js/data.js"></script>
	<script src="js/design.js"></script>
</body>
</html>

 接着就是该免费web版的核心代码实现,由于代码文件实现版书太长太长,不与展示啦。在此特别感谢国外这位帅小伙花费四年时间无收入瞒着家人和朋友的精心杰作,在此深表敬意,请接受我的salute。作者为了版权意识混淆了源码,我本着研究学习的目的,浅尝辄止了下大佬的杰作,每每一观,皆有新意,对于这类便捷优秀的作品,吾辈应当推广~~~欢迎各位小伙伴唾弃!

本文标签: 画图好用网页工具ps