请问html和css如何实现图片按曲线拉伸并排列布局呢？

请问html css怎么实现如图中设计的效果？

我是真的完全没有思路，在网上查阅了关于CSS3：transform属性的文章，利用rotateY能写出一行，但是曲线不够丝滑，而且也不知道中间行怎么办？请各位前端大神帮忙看看，不一定是实现代码，哪怕是一点儿提示，是用canvas能实现吗？先谢谢了。