如何根据svg

Question

如何扭曲图像以适合形状？图像的边缘应该适合SVG形状的边缘。

我一直在使用CSS 3D转换。还有其他选择吗？使用3D变换让我们转换为特定的形状。例如，如果我创建了iPhone 6的三个SVG模板，那么我希望图像能够自动适应屏幕上的每个模板。

似乎Javascript中的解决方案是可行的，但我不知道如何。

实施例