如何将图片多次裁剪后合并一张实现边缘拉伸或者实现点九图的效果

我的项目是用uniapp开发，现在有个功能，就是需要实现图片边缘拉伸的效果，在图片撑满容器的前提下，不管容器比例如何缩放，都可以让图片不会很严重的变形，能够自适应容器的宽高。

我搜了很多资料，发现有两种方法，但是行不通

第一种，使用点九图来展示，我找到一个第三方js文件，但是这个只能在H5环境下使用，在uniapp上面行不通。
这是第三方库JS的地址
https://stackoverflow.com/questions/3659457/nine-patch-images-for-web-development
https://github.com/chrislondon/9-Patch-Image-for-Websites

第二种，就是将图片进行多次裁剪后进行合并，但是没有一个具体的逻辑思路。

所以有没有哪位大神有这个经验的，麻烦告知下，谢谢！