[{"insert":"1.新建一个组应用，分别为原生小程序端和webview端\n2.在两个端口都添加同一个连接\n3.在webview端添加画布及画笔等相应布局\n4.在原生小程序端切入一个webview端的网址的网页，来达到在同一个案例通过连接实现打印画布互相通讯的效果\n5.配置小程序的appid和app secret，通过原生小程序端预览体验小程序\n\n注意：原生小程序端和webview端需是同一个发布版本(预览和发布数据不互通)，只能通过小程序原生接口，保存至本地相册，发布为H5是无效果的，只能发布为微信小程序或者通过"},{"attributes":{"color":"red"},"insert":{"image":"//file3.ih5.cn/v35/files/2f10a71926bb9fbd65d72a2eb538a1af_476_31_32.png"}},{"insert":"来预览小程序。\n"}]
[{"insert":"小程序中有些场景，需要嵌入webview才能实现，比如一些复杂的画布效果，涂鸦，动画效果等等。由于小程序本身不提供实时的webview内外通信接口，因此webview内部的逻辑和外部小程序逻辑无法实时通信。为此，我们提供了一种简单的方案，即通过websocket进行内外通信。这里用一个简单例子，即小程序中打印webview中canvas的图片，并通过小程序原生接口，保存至本地相册。\n\n参考案例：保存图片的静默下载：10501441\n\n"}]
小程序中打印webview中canvas的图片，使用连接组件，通过小程序原生接口，保存至本地相册。
3c1d06c39dc5a9fa69ffe044f517b19b_24008_289_460.jpg
https://filef063b1b127b4.v4.h5sys.cn/play/iBeGJgJU