Search found 8 matches

by 18320328341
2024年 Dec 13日 17:49
Forum: 小程序开发
Topic: ray框架中组件canvas传参到引用该组件的页面,
Replies: 11
Views: 803

Re: ray框架中组件canvas传参到引用该组件的页面,

components/my-canvas/index.js import Render from './index.rjs' Component({ data: { value: 20, }, lifetimes: { 代码: 全选 attached(props) { this.rjs = new Render(this); }, ready: function () { this.setData({ value: this.data.info.progress }) this.rjs.drawCircle('chart', this.data.info.progress, this.data...
by 18320328341
2024年 Dec 13日 17:40
Forum: 小程序开发
Topic: ray框架中组件canvas传参到引用该组件的页面,
Replies: 11
Views: 803

Re: ray框架中组件canvas传参到引用该组件的页面,

您好,感谢的解答,不过你那种传递事件的方法我用过了,我是想在 page/diy/index.tsx import Render from './index.rjs'; import Chart from "@/components/my-canvas/" export function Diy() { const [canvasData, setCanvasData] = useState( { progress: 60, progressbarColor: '#ED4040', page: 'temp', } ); const ctx = usePageInstance(...
by 18320328341
2024年 Dec 13日 14:24
Forum: 小程序开发
Topic: ray框架中组件canvas传参到引用该组件的页面,
Replies: 11
Views: 803

Re: ray框架中组件canvas传参到引用该组件的页面,

比如我在canvas中触发handleMove这个方法,之后会执行changeValue这个方法重新计算出const value = Math.min(100,Math.max(0,Math.round(progress100)))这个值,然后我将这个值this.instance.callMethod('animationPlay', value);传回其js文件中,请问我怎么实时在page/diy页面中怎么实时获取到这个值,因为我需要用到这个值

by 18320328341
2024年 Dec 13日 14:20
Forum: 小程序开发
Topic: ray框架中组件canvas传参到引用该组件的页面,
Replies: 11
Views: 803

Re: ray框架中组件canvas传参到引用该组件的页面,

components/my-canvas/index.rjs export default Render({ handleMove(e, page){ const touch = e.changedTouches[0] || e.touches[0] this.changeValue(touch, page) }, changeValue(touch, page){ const x = Math.round(touch.x - this.centerX) const y = Math.round(touch.y - this.centerY) let radian = Math.atan2(y...
by 18320328341
2024年 Dec 13日 14:19
Forum: 小程序开发
Topic: ray框架中组件canvas传参到引用该组件的页面,
Replies: 11
Views: 803

Re: ray框架中组件canvas传参到引用该组件的页面,

components/my-canvas/index.tyml <view id="box"> <canvas canvas-id="chart" id="chart" type="2d" style="width: 360rpx; height: 360rpx;" bindtouchstart="handleStart" bindmousedownt="handleStart" bindtouchmove="handleMove" b...
by 18320328341
2024年 Dec 13日 14:17
Forum: 小程序开发
Topic: ray框架中组件canvas传参到引用该组件的页面,
Replies: 11
Views: 803

Re: ray框架中组件canvas传参到引用该组件的页面,

page/diy/index.rjs const LOG_PREFIX = '页面中的rjs: '; export default Render({ document: null, x: 111, getDOMByRJS() { return getCanvasById('chart', this).then((res) => { // console.log(LOG_PREFIX, 'getDOMByRJS 1', chart); }); }, getDocument() { console.log(LOG_PREFIX, 'getDocument', this.document); }, ...
by 18320328341
2024年 Dec 13日 14:17
Forum: 小程序开发
Topic: ray框架中组件canvas传参到引用该组件的页面,
Replies: 11
Views: 803

Re: ray框架中组件canvas传参到引用该组件的页面,

page/diy/index.tsx import Render from './index.rjs'; import Chart from "@/components/my-canvas/" export function Diy() { const [canvasData, setCanvasData] = useState( { progress: 60, progressbarColor: '#ED4040', page: 'temp', } ); const ctx = usePageInstance(); usePageEvent('onReady', func...
by 18320328341
2024年 Dec 13日 14:08
Forum: 小程序开发
Topic: ray框架中组件canvas传参到引用该组件的页面,
Replies: 11
Views: 803

ray框架中组件canvas传参到引用该组件的页面,

Tuya MiniApp IDE 版本信息: 关于中查看 App 应用版本信息: 设置-关于中进行查看~ @ray-js/ray, @ray-js/panel-sdk的版本(如使用ray开 发)在package.json查看~ 移动设备信息: 手机型号及系统 相关代码: 可复现该问题的代码内容 日志信息: 错误日志或 IDE 运行日志等~ 问题描述(复现步骤): ray框架中,目前我在page的diy页面中引入一个组件components的my-canvas组件,这个组件是用来实现画布canvas功能,之后操作画布会改变一个值,我看官方文档在这个组件的rjs文件使用this.instance...