我又来了,通过修改使用canvas.requestAnimationFrame来调用渲染指令的确可以让现有项目的渲染问题有一定的缓解,但现在ios上还是有概率会出现渲染卡住,而且这种卡住不是顿卡而是整个渲染区域黑屏,就算是执行简单的gl.clear()也会出现这种问题,想问问大佬还有其他思路吗?
使用webgl渲染相机帧同时运行tensorflow模型,webgl画布会卡住使用webgl渲染相机帧同时运行tensorflow模型,画布会卡住,代码运行正常,无报错
2020-06-29我这边项目也是这样,主要就是在ios端出现这种情况,一步步删减代码,发现甚至只是将摄像头获取的图像帧数据封装为tensor变量都会导致渲染卡住。同时在清理过缓存后能正常的渲染一定帧数,所以我猜测在另一个问题中提到的解决内存泄漏也许是正解的思路。
使用 tensorflow.js 音频片段文件识别 出现渲染层阻塞问题?我将一个1分钟左右的音频文件切分成5秒一个片段的多文件,分多次传入tensorflow.js 做识别。然后通过每200ms循环获取识别数据机制读取识别到的数据setData到视图层渲染。 出现的问题是:视图渲染阻塞,只有在tensorflow.js 一个片段识别完后,视图页面快速多次渲染。 查看循环去数据日志的ok的。 请问你们有遇到这样的问题吗???
2020-06-18其实标签上的style已经改成功了但是webglCanvas的绘制上下文中drawingBuffWidth/Height并没有动态改变,导致webglCanvas绘制区域并没有改变,而且这个属性是只读属性,目前看来webglCanvas是改不了大小的,微信应该出一个在改变canvas样式后更新绘制上下文的功能。
请问大神们,为什么canvas不能动态设置大小您好!大神!!! 我想通过canvas生成缩略图,但是老是只生了图片的一部份 (客户端 IPHONE7有此问题 开发者工具不会出现这个问题) WXML <canvas canvas-id="shareCanvas" style=" top:-{{cavHeight}}px;left:-{{cavWidth}}px; width:{{cavWidth}}px;height:{{cavHeight}}px;background:#ccc;"></canvas> JS 1.设置默认大小 data: { PicUrl: "", cavWidth:100, cavHeight:100, pixelRatio: device.pixelRatio }, 2.选择图片后自动调整画布大小 wx.getImageInfo({ src: PicUrl, success: function(res) { console.log(res); const ctx = wx.createCanvasContext('shareCanvas') console.log("画布信息"); console.log(ctx); var cavWidth = res.width;// / device.pixelRatio; var cavHeight = res.height;// / device.pixelRatio; console.log("画布宽度:"+ctx.width+"px 高度:"+ctx.height); console.log("图片宽度:" + res.width + "px 高度:" + res.height); console.log(ctx); page.setData({ cavWidth: cavWidth, cavHeight: cavHeight }) 最终客户端只显示 了图片的一部份 就是canvas的默认值 cavWidth:100, cavHeight:100, 而代码 page.setData({ cavWidth: cavWidth, cavHeight: cavHeight }) 并没有生效 抓狂了,谢谢大神们指引一下
2020-04-16启发很大,限制是肯定。使用512,1024,2048,4096贴图进行测试,最大可以加载2048的,为了保险现在项目使用1024贴图
webgl 的 canvas.createImage 是否对图片尺寸进行了限制?小程序真机上使用 webgl 的 canvas.createImage 渲染尺寸较大的图片时,非常大的概率会下载失败,图片尺寸最长的(width或height)大于2000时几乎100%失败,但是调试工具是正常的。 代码片段:https://developers.weixin.qq.com/s/ePTJ67ma78bO 这里使用了修改的THREEJS,加载image使用的是 webgl 的API canvas.createImage
2019-10-08问题已解决感谢大家
Canvas.createImage加载图片在ios真机上调用失败?尝试接入ThreeJs,贴图加载需要修改threejs的imageloader,用微信的canvas.createimage来加载图片。在开发者工具中跑没有问题,但在ios真机中一直加载失败,在安卓真机上没有问题。请官方的小伙伴帮帮忙看下是什么问题。 [代码]onReady(){[代码][代码] [代码][代码]const query = wx.createSelectorQuery();[代码][代码] [代码][代码]query.select([代码][代码]'#mycanvas'[代码][代码]).node().exec((res) => {[代码][代码] [代码][代码]var[代码] [代码]canvas = res[0].node[代码][代码] [代码][代码]console.log(canvas);[代码][代码] [代码][代码]var[代码] [代码]imagerSrc = [代码][代码]'https://zugou.vip/01png(1).png'[代码][代码] [代码][代码]var[代码] [代码]image = canvas.createImage();[代码][代码] [代码][代码]image.src = imagerSrc;[代码][代码] [代码][代码]image.width = 512;[代码][代码] [代码][代码]image.height = 512;[代码][代码] [代码][代码]image.onload = [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]console.log([代码][代码]'iamge加载成功'[代码][代码],res ,image)[代码][代码] [代码][代码]}[代码][代码] [代码][代码]image.onerror = [代码][代码]function[代码] [代码](err) { console.log([代码][代码]'image加载失败'[代码][代码], err, image) }[代码] [代码] [代码][代码]})[代码][代码]}[代码]ios真机截图[图片] 安卓真机截图 [图片]
2019-10-08昨天GDD TensorFlow 都讲了啥?
当谷歌TensorFlow.js遇到微信小程序,可以在哪些场景中碰撞出火花?谷歌在上海开发者大会(GDD)上,介绍了基于微信小程序的 TensorFlow.js 插件,该插件可帮助开发者将机器学习能力简洁地带到小程序里,它的识别类型包括图像、语音、文字等。现在,机器学习的能力在小程序中应用十分广泛,为各类行业带来了便利。 你认为谷歌TensorFlow.js 带来的机器学习能力,还可以运用在小程序的哪些场景中呢?
2019-09-12亲爱的官方同学你们放出的的实例https://developers.weixin.qq.com/s/ElC24AmF729W 在开发工具上可以正常的跑 但是真机调试时ios报错[图片] 安卓运行canvas没有渲染 希望官方可以尽快解决这个问题 @娇华
微信小程序开放AR接口您好: 看到咱们【微信公开课】发布了【重磅|小程序可以实现AR效果了】。作者说【小程序向品牌商户、AR引擎服务商正式开放AR接入】 请问什么条件才能成为你们说的品牌商户或者AR引擎服务商。在哪里进行申请?
2019-08-12自占一楼 楼主试了如果将 type=‘webgl’去掉就不会报错 所以微信现在对webgl的支持还是有问题的吗?
使用canvas在真机调试下报错?我在默认的index.wxml上加了个 [代码]<[代码][代码]canvas[代码] [代码]type[代码][代码]=[代码][代码]'webgl'[代码][代码]></[代码][代码]canvas[代码][代码]>[代码] 使用我的6sPlus真机调试就会报错 [图片] 是我在调用的时候有什么没有注意到的地方吗 还是微信这边调用canvas需要做什么设置
2019-08-09即便你正确引用了objloader 在微信小程序还是不能使用objloader加载3d模型 因为小程序中不能使用xmlhttprequest
小程序用three如何加载服务模型?如题问题,怎么加载服务器上的模型用three显示在小程序中,有示例demo么?
2019-08-06