Tuya Developer Forum

crisiron 2024年 Apr 25日 10:51

<canvas style={{width: '200px', height: '200px'}} canvas-id="pageCanvas1"></canvas> 这个加上 type='2d'
类似
<canvas class='ray_canvas' canvas-id='canvasId' disable-scroll="true" type='2d'></canvas>

添加type报错了

Type '{ style: { width: string; height: string; }; "canvas-id": string; type: string; }' is not assignable to type 'DetailedHTMLProps<CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>'.
Property 'type' does not exist on type 'DetailedHTMLProps<CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>'

wink_li 2024年 Apr 25日 11:16

crisiron 2024年 Apr 25日 10:51

<canvas style={{width: '200px', height: '200px'}} canvas-id="pageCanvas1"></canvas> 这个加上 type='2d'
类似
<canvas class='ray_canvas' canvas-id='canvasId' disable-scroll="true" type='2d'></canvas>

添加type报错了

Type '{ style: { width: string; height: string; }; "canvas-id": string; type: string; }' is not assignable to type 'DetailedHTMLProps<CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>'.
Property 'type' does not exist on type 'DetailedHTMLProps<CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>'

这种方式用法不支持 createConicGradient， createConicGradient 同时存在兼容性问题，很多较低版本的手机系统不支持， 我们在月底开放的库中有封装对应的方法来兼容

好吧，期待新库

smart-ui的progress什么时候能和TUYA Design的Progress进度条一样可以手动拖动进度 还可以变换样式

你好 需求已经收到 内部进行评估后 考虑是否支持，敬请关注

你好，想知道如何实现这样一个可拖动的环形进度条，我曾尝试使用MovableView ，但是无法实现真正的环形拖动，实际操作逻辑依然是矩形在一个矩形中拖动，我通过拖动的位置计算直径，实现了角度的计算，但效果不够理想

silverlight 2024年 Oct 28日 16:14

你好，想知道如何实现这样一个可拖动的环形进度条，我曾尝试使用MovableView ，但是无法实现真正的环形拖动，实际操作逻辑依然是矩形在一个矩形中拖动，我通过拖动的位置计算直径，实现了角度的计算，但效果不够理想
拖动环形进度条.png

需要使用小程序的 rjs 能力来实现，绘制两个叠加的环形，作为背景的环形不变，手指拖动时，修改上层环形的绘制状态