前端开发如何抠图

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

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

006zipb5zy78bWsaVIHa7&690

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

 006zipb5zy78bWtla1E36&690

 

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

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

006zipb5zy78bWu6E9301&690
 

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

 006zipb5zy78bWuM9mO8a&690

 

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

006zipb5zy78bWvJnZh3b&690
 

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

006zipb5zy78bWwzqguce&690
 

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

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

006zipb5zy78bWxBjz230&690

006zipb5zy78bWxTHoM84&690
 

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

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

转载于:https://my.oschina.net/u/2971691/blog/829410

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值