Search found 168 matches

by MwM-Mai
2025年 May 30日 16:42
Forum: 小程序开发
Topic: @ray-js/pencil-flow的使用
Replies: 13
Views: 2243

Re: @ray-js/pencil-flow的使用

描述问题请描述清楚 已经解决问题了 干扰触摸事件是因为 const line = new Line(element); this.stage.add(line); 会默认响应事件需要设置 line.ignoreHit = true; 忽略任何事件 update不更新color是因为addIdxShapeIns方法判断this[idx]存在直接return了没有更新data数据 另外希望官方可以补充一下文档,本来是想提高效率的,找半天找不到文档,只能在npm英文文档的库示例,bug找半天还需要看源码才能定位到问题,因为可能后续还需要用到这些库,其他开发者用到也会方便很多 :D :D :D
by MwM-Mai
2025年 May 30日 16:06
Forum: 小程序开发
Topic: @ray-js/pencil-flow的使用
Replies: 13
Views: 2243

Re: @ray-js/pencil-flow的使用

问题1: 添加代码 const line = new Line(element); this.stage.add(line); 会导致触摸事件异常,异常情况就是我说的定位到问题那条评论; 问题2: // 重新渲染画布 this.stage.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight); this.renderStrip(this.stage, this.ctx, data); this.stage.update(); 没有更新到最新的颜色,还是生成画布的颜色
by MwM-Mai
2025年 May 30日 15:54
Forum: 小程序开发
Topic: @ray-js/pencil-flow的使用
Replies: 13
Views: 2243

Re: @ray-js/pencil-flow的使用

// 更新颜色代码示例: rect2.on('touchend', event => { const { option } = event.target || {}; if (option && option.id !== undefined) { console.log('id touchend', rect2, option.id); // 重点 如果要更新颜色,使用 rect2.option.fillStyle rect2.option.fillStyle = 'red'; rect2.alpha = 1; stage.update(); } }); 更新的代码和Lam...
by MwM-Mai
2025年 May 30日 15:40
Forum: 小程序开发
Topic: @ray-js/pencil-flow的使用
Replies: 13
Views: 2243

Re: @ray-js/pencil-flow的使用

这个问题已经解决了,但是还有一个问题就是再更新color的时候画布不会更新,我再node_modules的stage.js更新color打印出来了log,但是canvas没更新,大佬指点一下, console.log('Stageupdate'); 这个log已经打印出来了,颜色没变化 _createClass(Stage, [{ key: "update", value: function update() { console.log('Stageupdate'); this.render.update(this); } } 怎么更新的,提供下复现代码(代码中尽量减少业...
by MwM-Mai
2025年 May 30日 14:55
Forum: 小程序开发
Topic: @ray-js/pencil-flow的使用
Replies: 13
Views: 2243

Re: @ray-js/pencil-flow的使用

这个问题已经解决了,但是还有一个问题就是再更新color的时候画布不会更新,我再node_modules的stage.js更新color打印出来了log,但是canvas没更新,大佬指点一下, console.log('Stageupdate'); 这个log已经打印出来了,颜色没变化 _createClass(Stage, [{ key: "update", value: function update() { console.log('Stageupdate'); this.render.update(this); } }
by MwM-Mai
2025年 May 29日 14:42
Forum: 小程序开发
Topic: @ray-js/pencil-flow的使用
Replies: 13
Views: 2243

Re: @ray-js/pencil-flow的使用

crisiron 2025年 May 29日 11:30

请先参考文档使用: https://developer.tuya.com/material/lib ... leProgress, 如果还是不行请提供下比较完整可复现的代码

我已经定位到问题了,当我在图像内部move并且end事件触发后在触发其他图像的事件没问题,当我在A图像move移动到B图像的时候结束事件就会出现问题

by MwM-Mai
2025年 May 29日 11:42
Forum: 小程序开发
Topic: @ray-js/pencil-flow的使用
Replies: 13
Views: 2243

Re: @ray-js/pencil-flow的使用

crisiron 2025年 May 29日 11:30

请先参考文档使用: https://developer.tuya.com/material/lib ... leProgress, 如果还是不行请提供下比较完整可复现的代码

这个是我基于https://developer.tuya.com/material/library_oHEKLjj0/component?code=LampStripLightSmear组件源码进行修改的代码, 但是发现修改后给每个图像绑定的事件异常

by MwM-Mai
2025年 May 29日 11:20
Forum: 小程序开发
Topic: @ray-js/pencil-flow的使用
Replies: 13
Views: 2243

@ray-js/pencil-flow的使用

在看LampStripLightSmear的的源码的时候发现有一个@ray-js/pencil-flow库,我在已经这个库写canvas的时候给每个图形添加事件无效,无法实现像LampStripLightSmear一样给每个图像添加事件, 只要滑动一次就无法打印log了,无法触发事件了 addIdxShapeIns(idx, _data) { // 防止重复生成相同的shape if (this[idx]) { return this[idx]; } const preDataKey = `preData_${idx}`; const preData = this[preDataKey]; l...
by MwM-Mai
2025年 Apr 28日 16:07
Forum: 小程序开发
Topic: ray小程序是否能开发matter设备的项目的,和非matter的设备有什么区别,有demo吗
Replies: 1
Views: 1531

ray小程序是否能开发matter设备的项目的,和非matter的设备有什么区别,有demo吗

ray小程序是否能开发matter设备的项目的,和非matter的设备有什么区别,有demo吗