关于前端图片裁减

Question

公司业务有需求，做了个图片裁剪。
canvas
和后端交流了下。
后端表示，不止需要图片截取其中的某部分，而且需要把这部分截成三个尺寸传过去。
such as 100px 50px 30px
有点困惑，有必要么？
图片包裹div之后，设置div宽度，img只需给width: 100%。不就可以任意使用了。
为什么一定要三个尺寸 0 0
后端说因为图片大小不一样，大图3k小图1k这样。
再就是 前端可以实现么？

Answer 1

按照你的说法，图片原本只有100px放在一个200px的div里面就会模糊了
你创建三个尺寸的canvas，然后把图片用drawImage方法画进去，然后再调用canvas.toDataURL方法，就可以实现了，具体用法可以看下mdn上面canvas的api https://developer.mozilla.org...