请问前端可不可以做到从后台获取到图片链接，按照需要的尺寸进行定位裁剪

Question

比方说红框是图片，我只裁剪黑框的区域并展示出来
有没有代码可以参考，只需要传入一个图片链接，然后固定区域裁剪显示到div标签背景

Answer 1

可以使用background-position去定位图片，达到想要的效果

Answer 2

当然可以，借助canvas

Answer 3

用 css：object-fit 和 object-position。类似图中的需求只要：

img {
  object-fit: none;
}

Answer 4

如果不在意请求图片的资源大小，那么使用css去处理即可，参考以上。
如果想要请求资源的方式去做图片处理（裁剪、压缩），例如类似参考七牛的方式，由服务端配合实现

http://dn-odum9helk.qbox.me/resource/gogopher.jpg?imageView2/1/w/200/h/200