前端开发如何抠图

原创
2017/01/22 21:39
阅读数 286

对于很多初学者,我们在进行前端页面开发的过程中,我们首先会模仿一些网站写一些界面。从而会经常遇到需要获取一些图片资源。此时我们想到的最快的方式就是直接到该网站抠图.

 举个简单的例子,比如我们想到模仿淘宝网的首页,我们可以打开淘宝,想要获取到下图红色框里面的图片。

可以直接右键,选择复制图片,此时就可以获取到该图片。

 

 

这是一种简单粗暴的方法,除此之外我们还可以按照程序员的方式获取图片。

选中该图片右键,选择检查,查看网页源代码


 

看到在页面底部,出现显示该图片的代码

 

 

选中显示图片的代码,右键选择open


 

进去显示整张图片,右键选择save


 

这样我们就把该图片保存下来了。

在下载的文件夹中就找到刚下载的图片




 

将该图片名第一个jpg后面的字符去掉,保存为以.jpg结尾。这样我们就获得了想要的图片。

对于一些不能直接右键查看源代码的网站,我们可以通过Command+Option+I打开控制台。并按上述方法进行抠图

展开阅读全文
打赏
1
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
1
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部