前言兼容h5网页，微信小程序和App。本文详细讲解在uni-app项目中，如何实现svga格式动画的引入及展示。组件源码及使用文档都有！你直接复制本文的源码，即可得到封装好的svga组件，样式随便更改：准备开始
前言兼容h5网页，微信小程序和App。本文详细讲解在uni-app项目中，如何实现svga格式动画的引入及展示。组件源码及使用文档都有！你直接复制本文的源码，即可得到封装好的svga组件，样式随便更改：准备开始
1.微信支付接入前准备（这些其实和我们开发，没什么关系，直接找公司拿即可）商户已有微信小程序，用户通过好友分享或扫描二维码在微信内打开小程序时，可以调用微信支付完成下单购买的流程。注意：小程序不能通过拉起H5页面做jsapi支付，小程序内只能使用小程序支付A--申请APPID由于微信支付的产品体系全部搭载于微信的社交体系之上，所以直连商户或服务商接入微信支付之前，都需要有一个微信社交载体，该载体对应的ID即为APPID。如申请社交载体为小程序，请前往 小程序平台 申请如商户已拥有自己的APP，且希望该APP接入微信支付，请前往 开放平台申请 B--申请mchid申请mchid和APPID的操作
1.微信支付接入前准备（这些其实和我们开发，没什么关系，直接找公司拿即可）商户已有微信小程序，用户通过好友分享或扫描二维码在微信内打开小程序时，可以调用微信支付完成下单购买的流程。注意：小程序不能通过拉起H5页面做jsapi支付，小程序内只能使用小程序支付A--申请APPID由于微信支付的产品体系全部搭载于微信的社交体系之上，所以直连商户或服务商接入微信支付之前，都需要有一个微信社交载体，该载体对应的ID即为APPID。如申请社交载体为小程序，请前往 小程序平台 申请如商户已拥有自己的APP，且希望该APP接入微信支付，请前往 开放平台申请 B--申请mchid申请mchid和APPID的操作
小程序独立出来了很多原生APP的组件，这对于HTML5的老兵是一种痛苦，小程序自己开发了一套WXML标记语言和WXSS样式语言，并非直接使用标准的HTML5+CSS3，小程序与传统HTML5还是有明显的区别。微信小程序自开放出来到现在也有一段时间了，相信其底层架构也被琢磨得差不多了。微信小程序本身是双线程运行的结构，而h5页面是单线程的运行模式，因此两者无法直接互通。微信小程序的运行模式如下：微信小程序本身提供了web-view组件来支持在微信小程序中嵌入h5页面，但是web-view组件在使用上还是有一些限制：不支持个人类型与海外类型的小程序、不支持全屏、页面与小程序通信不方便、很多小程序接
小程序独立出来了很多原生APP的组件，这对于HTML5的老兵是一种痛苦，小程序自己开发了一套WXML标记语言和WXSS样式语言，并非直接使用标准的HTML5+CSS3，小程序与传统HTML5还是有明显的区别。微信小程序自开放出来到现在也有一段时间了，相信其底层架构也被琢磨得差不多了。微信小程序本身是双线程运行的结构，而h5页面是单线程的运行模式，因此两者无法直接互通。微信小程序的运行模式如下：微信小程序本身提供了web-view组件来支持在微信小程序中嵌入h5页面，但是web-view组件在使用上还是有一些限制：不支持个人类型与海外类型的小程序、不支持全屏、页面与小程序通信不方便、很多小程序接
前言网上的教程代码非常乱且都有BUG存在，非常难移植到自己的项目中，而且很难。实现了完美兼容H5App小程序，选取手机本地相册或拍照，图片上传裁切内置多种方案，样式随便改，本文代码干净整洁注释详细，您一键复制源码后参照示例几分钟就能完事，如下图真机测试（画质不太好），最后组件会给您返回base64、临时地址、Blob/File对象，轻松对接后端接口：没有任何乱七八糟的样式和逻辑(只包含基础功能)，让您改造起来轻而易举组件源码组件文件位置无所谓，最后确保正确引入即可。在项目components文件夹下，新建cropping文件夹，然后再里面新建一个cropping.vue文件，一键复制以下代码。
前言网上的教程代码非常乱且都有BUG存在，非常难移植到自己的项目中，而且很难。实现了完美兼容H5App小程序，选取手机本地相册或拍照，图片上传裁切内置多种方案，样式随便改，本文代码干净整洁注释详细，您一键复制源码后参照示例几分钟就能完事，如下图真机测试（画质不太好），最后组件会给您返回base64、临时地址、Blob/File对象，轻松对接后端接口：没有任何乱七八糟的样式和逻辑(只包含基础功能)，让您改造起来轻而易举组件源码组件文件位置无所谓，最后确保正确引入即可。在项目components文件夹下，新建cropping文件夹，然后再里面新建一个cropping.vue文件，一键复制以下代码。
支付宝小程序跳转第三方H5页面基础API跳转web-viewmy.ap.openURLweb-view和my.ap.openURL两者比较my.ap.navigateToAlipayPageJSAPI跳转注意点startApp总结基础API跳转web-view支付宝小程序想要跳转H5页面，之前只用过web-view，内嵌H5，这种方式需要配置域名白名单，并且在外链域名的根目录放置校验文件，H5不是自有页面的话，就不能这样去实现。web-viewsrc="https://render.alipay.com/p/s/web-view/index"onMessage="onmessage">web-
支付宝小程序跳转第三方H5页面基础API跳转web-viewmy.ap.openURLweb-view和my.ap.openURL两者比较my.ap.navigateToAlipayPageJSAPI跳转注意点startApp总结基础API跳转web-view支付宝小程序想要跳转H5页面，之前只用过web-view，内嵌H5，这种方式需要配置域名白名单，并且在外链域名的根目录放置校验文件，H5不是自有页面的话，就不能这样去实现。web-viewsrc="https://render.alipay.com/p/s/web-view/index"onMessage="onmessage">web-
