- iphone7 css animation 帧动画 通过hidden隐藏显示
使用Sprite图,通过base64设置到view标签里面作为背景图,通过css3的animations属性控制background-position形成帧动画。 在view上通过hidden属性控制显示隐藏,显示后不显示图片。 只在iphone7上重现,测了两台iphone7,系统分别是iOS10.3.3和iOS12.1.1,均出现上面的问题。 我不清楚是iPhone的bug还是小程序的bug。
2019-01-30 - canvas二三事儿
这两天一直在搞canvas开发,发现好多不同操作系统之间的问题。 我自己造了一个canvas的库,这个库有一个根元素(元素,即要渲染到canvas上的元素)列表,每个元素都可以拥有自己的子元素,子元素在父元素的options.content字段下保存,只要我去重置这个字段,就会导致当前渲染的所有image都变成半透明的,只在安卓系统下存在这个问题,模拟器和iOS均没有问题。 绘制一个圆角矩形,fillStyle填充颜色,第一次填充半透明颜色(比如"rgba(0,0,0,0.5)")颜色有问题,只在iOS下出现这个问题,安卓和模拟器均没有问题。 快速多次渲染会导致一部分白屏,只在iOS下存在这个问题,安卓和模拟器均没有问题。 draw方法在模拟器上快速被多次调用的时候会导致没有回调。 目前想到这么多,再发现再更。 别要代码片段,暂时没有,等小程序上线了我有时间写代码段了再说。
2019-01-28 - canvas drawImage文档前后不一致
canvase的drawImage文档中, 标题是: drawImage(string imageResource, number dx, number dy, number dWidth, number dHeight, number sx, number sy, number sWidth, number sHeight) 而下面的调用方式写的是: drawImage(sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) 调用方式中少了imageResource。 两部分的(sx, sy, sWidth, sHeight)和(dx, dy, dWidth, dHeight)顺序不一致,实测应该是调用方式中写的正确。
2019-01-28 - 记录一下开发者工具的崩溃
2019年1月28日 · 11:34 - 微信开发者工具崩溃 · 11:41 - 真机调试崩溃 [图片] · 11:44 - 微信开发者工具崩溃 · 12:27 - 真机调试崩溃 · 12:29 - 重启微信开发者工具后,真机调试仍崩溃 · 12:30 - 微信开发者工具崩溃 · 12:31 - 微信开发者工具崩溃 · 12:32 - 真机调试崩溃 · 12:33 - 重启微信开发者工具后,真机调试仍崩溃 · 12:35 - 真机调试还是崩溃 · 12:37 - 微信开发者工具崩溃 · 14:36 - 将微信开发者工具更新到了v1.02.1901230 · 14:56 - 真机调试崩溃 · 15:04 - 真机调试崩溃 · 15:05 - 真机调试导致微信开发者工具崩溃 · 15:08 - 真机调试导致微信开发者工具崩溃 · 15:12 - 微信开发者工具崩溃 · 15:13 - 微信开发者工具崩溃 · 15:15 - 微信开发者工具崩溃 · 15:21 - 微信开发者工具崩溃 · 16:48 - 微信开发者工具崩溃 · 18:14 - 微信开发者工具崩溃
2019-01-28 - canvas删除或替换数组元素后安卓手机渲染图片变半透明
写了一个简单的canvas绘制工具库 工具里面有一个list存放所有要绘制的元素,每个元素还可以有自己的子元素,通过递归来绘制。 删除一个元素的全部子元素,则会导致整个canvas上渲染的图片都变成半透明,而且只在安卓手机上有这个问题,模拟器和iOS上均没有问题。 神奇了。 我已经避免在绘制过程中删除,仍然无解。
2019-01-27 - 这个破论坛在firefox浏览器上无法发帖
这个破论坛在firefox浏览器上无法发帖
2019-01-27 - 播放器右上角进入小程序会重载小程序
- 当前 Bug 的表现(可附上截图) 点击播放器右上角的三个点,选择进入小程序,小程序打开,会重载整个小程序,之前保存的各种播放状态播放资源全部不见了。 - 预期表现 不是应该直接打开小程序已经打开的页面么?为什么会重载小程序? 不知道这个是bug还是你们就是这么设计的
2019-01-22 - css animation steps(1, start)帧动画无效
css帧动画,在华为荣耀7上变成了跑马灯,steps(1, start)设置无效。 其他机型都没有问题。 设置如下: [代码]/* css */[代码] [代码] [代码] [代码].twist {[代码] [代码] background-image: url(base64......);[代码] background-repeat: no-repeat; background-size: auto 100%; background-position: 0% 0%; [代码] [代码][代码]animation: twist-animate [代码][代码]3150[代码][代码]ms steps([代码][代码]1[代码][代码], start);[代码][代码]}[代码] [代码] [代码] @keyframes xiaoice-sprite-normal-wave-animate { 0% { background-position: 0% 0%; } 8.333% { background-position: 8.333% 0%; } 16.667% { background-position: 16.667% 0%; } 25% { background-position: 25% 0%; } 33.333% { background-position: 33.333% 0%; } 41.667% { background-position: 41.667% 0%; } 50% { background-position: 50% 0%; } 58.333% { background-position: 58.333% 0%; } 66.667% { background-position: 66.667% 0%; } 75% { background-position: 75% 0%; } 83.333% { background-position: 83.333% 0%; } 91.667% { background-position: 91.667% 0%; } 100% { background-position: 0% 0%; } } [代码] [代码]
2019-01-18 - canvas绘制安卓iOS样式不一样
- 当前 Bug 的表现(可附上截图) 同样的渲染,模拟器和iOS上没问题,安卓上就有问题 安卓: [图片] iOS: [图片]
2019-01-15 - 开发者工具,真机调试报错
- 当前 Bug 的表现(可附上截图) 不清楚怎么导致的,只有这个提示,我自己的代码根本都跑不起来。 [图片] - 提供一个最简复现 Demo 项目代码,暂时不方便提供
2019-01-14