找回密码
 立即注册

QQ登录

只需一步,快速开始

sichen365

注册会员

3

主题

15

帖子

180

积分

注册会员

积分
180
最新发帖
sichen365
注册会员   /  发表于:2024-10-15 10:48  /   查看:293  /  回复:7
本帖最后由 KarenGao 于 2024-10-30 14:58 编辑

8.0中组态功能中能否增加旋转动画效果?比如一张图片可以根据点值的不同设置图片转动效果,应用场景:通风机、压风机等带风扇的设备

7 个回复

倒序浏览
KarenGao
超级版主   /  发表于:2024-10-15 17:03:41
沙发
您好,
        比如通风机这种带风扇的设备,建议您做个SVG动图,直接在设计器中就能转动。比如转动图片中的风扇的那个扇叶,在Wyn里面,图片是一个整体,我们没有办法去控制图片的细节转动,
回复 使用道具 举报
sichen365
注册会员   /  发表于:2024-10-28 16:29:05
板凳
KarenGao 发表于 2024-10-15 17:03
您好,
        比如通风机这种带风扇的设备,建议您做个SVG动图,直接在设计器中就能转动。比如转动图片 ...

试了,svg动画在不能转动,在浏览器中打开svg动画可以正常转动,但是把代码拷贝到wyn中后就不转动了
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2024-10-28 19:10:39
地板
sichen365 发表于 2024-10-28 16:29
试了,svg动画在不能转动,在浏览器中打开svg动画可以正常转动,但是把代码拷贝到wyn中后就不转动了

您方便录一个效果的视频我们看一下么。
回复 使用道具 举报
sichen365
注册会员   /  发表于:2024-10-29 14:57:38
5#
本帖最后由 sichen365 于 2024-10-29 16:02 编辑
Eden.Sun 发表于 2024-10-28 19:10
您方便录一个效果的视频我们看一下么。

下面是svg动画代码 ,这段代码可以在浏览器正常转动,如果把代码粘贴到wyn中,预览不能转动



<svg  viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg"  width="128" height="128">

<path d="M970.854 601.682c-16.404-104.223-114.176-166.86-236.36-153.344-51.046 5.632-141.28 48.107-152.422 21.35C562.637 378.47 676.69 351.98 759.89 347.73c108.442-5.56 144.558-67.43 91.904-161.075-56.3-100.127-197.53-160.594-289.659-124.017-94.792 37.632-134.062 141.066-105.093 279.204 7.424 35.174 41.677 81.869-13.599 96.666-41.185 11.059-68.526-29.901-78.817-71.22-8.192-33.024-16.742-66.478-19.835-100.25-10.731-117.473-74.752-147.527-174.234-80.127C71.844 253.829 22.415 382.546 68.721 470.559c59.156 112.435 160.43 121.497 271.052 97.044 35.707-7.905 83.887-41.523 97.352 15.34 9.011 38.144-32.768 63.693-72.653 79.001-33.382 12.841-66.017 16.794-100.987 18.524-110.417 5.438-142.254 64.646-88.248 160.205 56.699 100.383 200.448 158.925 291.072 118.559 102.165-45.496 160.051-164.526 107.213-304.148-4.608-25.396-35.277-57.037-5.806-70.503 28.18-12.851 53.197 8.827 67.092 28.775 32.564 46.796 46.49 97.69 40.09 158.689-7.957 75.827 34.509 112.455 113.357 98.099 102.84-18.76 199.547-160.748 182.6-268.462z m-462.56-48.998c-22.17 0-40.142-17.972-40.142-40.141 0-22.17 17.972-40.141 40.141-40.141 22.17 0 40.14 17.971 40.14 40.14 0 22.17-17.96 40.142-40.14 40.142z m0 0" fill="#0cce19" p-id="8088">

</path>
<animateTransform  
attributeName="transform"  
type="rotate"  
from="0 0 0"  
to="360 0 0"  
dur="2s"  
repeatCount="indefinite"  
/>

</svg>


回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2024-10-29 16:50:40
6#
您好,您可以试一下这个插件:图片旋转2D,这个可以展示您的这个svg
https://marketplace.grapecity.com.cn/ApplicationDetails?productID=SP2206320038&productDetailID=D2206320041&tabName=Tabs_detail

image.png449258117.png
回复 使用道具 举报
sichen365
注册会员   /  发表于:2024-10-31 13:42:18
7#
Bella.Yuan 发表于 2024-10-29 16:50
您好,您可以试一下这个插件:图片旋转2D,这个可以展示您的这个svg
https://marketplace.grapecity.com.c ...

我是想通过一个点值来控制这个风扇的转动与停止,如果是1就转动,如果是0就停止
回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:2024-10-31 14:27:45
8#
您好,您可以使用最新版的内置图片组件:
内置图片组件首先可以放一个默认图片:
image.png753980407.png

其次,如果数值绑定了字段,就可以进行条件格式化判断:
image.png348620604.png
这个时候您就可以添加条件格式化进行判断,满足条件的时候,播放另一个图片既可以。

其次。您的svg我们做了测试,直接当图片上传也是可以旋转的:
svg图片旋转.gif
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部