涂鸦小程序官方Canvas库启动了,欢迎提需求了 🎉🎉🎉

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


wink_li
Posts: 12

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>'

crisiron
Posts: 93

Re: 涂鸦小程序官方Canvas库启动了,欢迎提需求了 🎉🎉🎉

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 同时存在兼容性问题,很多较低版本的手机系统不支持, 我们在月底开放的库中有封装对应的方法来兼容

wink_li
Posts: 12

Re: 涂鸦小程序官方Canvas库启动了,欢迎提需求了 🎉🎉🎉

好吧,期待新库 :D

huangzh
Posts: 2

Re: 涂鸦小程序官方Canvas库启动了,欢迎提需求了 🎉🎉🎉

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

crisiron
Posts: 93

Re: 涂鸦小程序官方Canvas库启动了,欢迎提需求了 🎉🎉🎉

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

silverlight
Posts: 114

Re: 涂鸦小程序官方Canvas库启动了,欢迎提需求了 🎉🎉🎉

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

拖动环形进度条.png
crisiron
Posts: 93

Re: 涂鸦小程序官方Canvas库启动了,欢迎提需求了 🎉🎉🎉

silverlight 2024年 Oct 28日 16:14

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

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

Post Reply