8.0中组态功能中能否增加旋转动画效果？
本帖最后由 KarenGao 于 2024-10-30 14:58 编辑8.0中组态功能中能否增加旋转动画效果？比如一张图片可以根据点值的不同设置图片转动效果，应用场景：通风机、压风机等带风扇的设备
您好，
比如通风机这种带风扇的设备，建议您做个SVG动图，直接在设计器中就能转动。比如转动图片中的风扇的那个扇叶，在Wyn里面，图片是一个整体，我们没有办法去控制图片的细节转动， KarenGao 发表于 2024-10-15 17:03
您好，
比如通风机这种带风扇的设备，建议您做个SVG动图，直接在设计器中就能转动。比如转动图片 ...
试了，svg动画在不能转动，在浏览器中打开svg动画可以正常转动，但是把代码拷贝到wyn中后就不转动了 sichen365 发表于 2024-10-28 16:29
试了，svg动画在不能转动，在浏览器中打开svg动画可以正常转动，但是把代码拷贝到wyn中后就不转动了
您方便录一个效果的视频我们看一下么。 本帖最后由 sichen365 于 2024-10-29 16:02 编辑
Eden.Sun 发表于 2024-10-28 19:10
您方便录一个效果的视频我们看一下么。
下面是svg动画代码 ，这段代码可以在浏览器正常转动，如果把代码粘贴到wyn中，预览不能转动
<svgviewBox="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>
您好，您可以试一下这个插件：图片旋转2D，这个可以展示您的这个svg
https://marketplace.grapecity.com.cn/ApplicationDetails?productID=SP2206320038&productDetailID=D2206320041&tabName=Tabs_detail
Bella.Yuan 发表于 2024-10-29 16:50
您好，您可以试一下这个插件：图片旋转2D，这个可以展示您的这个svg
https://marketplace.grapecity.com.c ...
我是想通过一个点值来控制这个风扇的转动与停止，如果是1就转动，如果是0就停止 您好，您可以使用最新版的内置图片组件:
内置图片组件首先可以放一个默认图片:
其次，如果数值绑定了字段，就可以进行条件格式化判断:
这个时候您就可以添加条件格式化进行判断,满足条件的时候，播放另一个图片既可以。
其次。您的svg我们做了测试，直接当图片上传也是可以旋转的:
页:
[1]