Skyline渲染引擎
使用snapshot组件截图,如何提高生成图片的分辨率?
在webview没有这个问题,在Skyline的时候,如果屏幕尺寸是375也没问题,其他尺寸会有黑边,选择 iPhone 15 Pro Max 的时候黑边如下图: [图片] wx wxss 文件代码: .svg-mask { width: 200rpx; height: 400rpx; mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask-size: cover; background-color: #000; } wxss 文件代码: <view class="svg-mask"></view>
图一加了layzload报这个,[图片], 不加报这个,[图片] 有没有大佬解释一下??? 基础库最新3.6.1
我们的业务里有富文本带横向滚动条的需求,skyline能不能支持一下? view支持overflow:autorich-text支持overflow:autorich-text的mode="web"模式支持overflow:auto求官方支持
问题:安卓微信版本 8.0.51,基础库版本3.6.2,调用 wx.requestPayment 无法唤起微信支付。iOS 一切正常,把 page.json 里的 renderer 换成 webview 后可以正常唤起微信支付。
在开发工具中显示image是正常的,到了真机上就不显示了。图片链接是https地址。在webview 渲染下这个地址真机上也是正常的,浏览器也能访问到。就就是在skyline渲染下,真机出现了不显示问题?有没有大佬知道是什么情况吗?skyline渲染下会要求https需要什么特殊的协议吗?下图一个是在开发工具上的显示,一个是在手机上的显示。[图片][图片]
开发工具上用skyline渲染时,wxs事件响应函数获取的参数不全,没有instance。WebView获取的参数就正常,Android端的skyline也正常。 按钮点击后用wxs事件响应函数获取按钮的style,然后把颜色改成绿色。在开发工具用skyline渲染时会报错,点击没法变色: [图片][图片] 在开发工具上用WebView渲染就可以: [图片][图片] 手机上的skyline也可以: [图片][图片][图片] 代码截图: [图片] 代码片段链接:https://developers.weixin.qq.com/s/agJ80Ym97qUI 麻烦官方给个回复,修一下吧。这样一边一种情况开发起来真的很麻烦。
不开启skyline 模拟器调用接口后正常筛选所有XHR的请求(符合预期) [图片] 开启skyline渲染模式后,media类型的请求也会在network中出现 [图片]
开始不选择skyline模式[图片] 连续多次点击button,wrap容器在正面和背面来回反转(符合预期) [图片][图片] 开启skyline模式之后,容器反转动画正常,但只显示了一张图片,和镜像的图片 另外一张图片无法正常显示,怀疑是backface-visibility这个属性在skyline模式下有层级问题,单独使用backface-visibility可以
新建page,设置为skyline。构造器用page或者Component。 将这个页面作为自定义组件使用还能保持skyline特性吗?
[图片] 使用iphone13以及pro都可以正常生成图片分享出去,但是iphonex不行,后台报错 且发现进入skyline渲染的界面时,iphoneX没有自动切到skyline渲染
做了一个点击计数的界面,使用Skyline后出现异常。原本WebView渲染重新进界面计数器归零,用Skyline渲染重新进界面次数保留。 代码片段连接:https://developers.weixin.qq.com/s/Bjb9iQmx7BUP 界面截图: [图片][图片] 代码截图: Wxml: [图片] Wxs: [图片] Js: [图片] 操作流程:跳转到计数界面,点几下计数,反回初始界面再跳转到计数界面。运行结果: WebView渲染: [图片] Skyline渲染: [图片] 上面是开发工具运行的情况,在Android手机上也一样。
"rendererOptions": { "skyline": { "defaultDisplayBlock": true, "defaultContentBox": false, "disableABTest": true, "androidVersionBegin": "3.4.6", "androidVersionEnd": "15.255.255", "iosVersionBegin": "15.255.255", "iosVersionEnd": "15.255.255" } } 已经按照文档做以上配置,但是没有效果,ios依旧按照skyline模式渲染。 也尝试过使用ABTest,在基础库实验中配置了安卓的,没有设置ios的,但是依然ios也会使用skyline模式渲染,但是相同的配置相同的代码在另一个小程序中是好使的,可能是因为这个小程序的基础库删除过很多次,以前被删除的配置生效啦?总之现在做不到安卓使用skyline模式渲染,而ios使用webview模式渲染
这个功能很好用,希望能在skyline延续该能力。
[图片]除了在组件引入那里写死还有什么方法加上去呢
项目转变skyline成本比较大,想知道这种效果只能skyline才能实现吗? [图片]
[图片]swiper 定义的height: 360rpx;但是实际高度缺变成了187.2px
用skyline模式的小程序,居然审核不通过? 我们注意到审核过程中似乎使用了WebView模式进行审查,这可能导致页面显示效果与Skyline模式下的实际情况不符。鉴于我们的小程序是专为Skyline环境开发,烦请审核团队能在Skyline模式下重新检查我们的页面。难道采用官方更先进的Skyline技术开发的小程序就无法获得通过吗?希望贵方能理解并调整审核方式,以确保评估的准确性。 [图片]
[图片]如图,比如海南省和广西的高度就被挤压了,看起来很丑。webview的展示是正常的高度
https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/open-container.htmlhttps://developers.weixin.qq.com/miniprogram/dev/wxcloudrun/src/development/storage/https://developers.weixin.qq.com/miniprogram/dev/wxcloudrun/src/info/faq.html open-container在grid-view 下, grid-view 布局会被打乱,官方的open-container 是在flex布局下面,不知道有没有在grid-view 场景下的代码? 我测试运行是有问题的,无法呈现瀑布流,官方能不能提供一个open-container在grid-view 下转场的案例? 这是一个常用场景。
小程序示例
交互动画 tab
截图尺寸和原始尺寸是一样的像素,可以通过提高原始视图的尺寸来放大图片。 如果不想影响原视图,可以通过一个隐藏的视图来做,隐藏的方法可以看下 snapshot 组件文档。