图片展示时希望能实现 3D 炫酷效果来展示,就能实现此功能。效果如下:
设计器插件安装方法参照
服务器安装插件方法参照
安装该插件后以决策报表为例,图表里会哆出一个 3D 卡片动画控件如下图:
将 3D 卡片动画控件拖入到报表中,选中 3D 卡片动画控件可以看到相应的配置
1)准备数据,已知图片 添加內置数据集,内容如下:
注:电脑中图片路径必须和内置数据集中的图片路径一致
名称:卡片中央显示的大字。
图片路径:卡片的图片哋址支持 Window 和 Unix 地址分隔符,请输入绝对路径。
X 坐标:图片在表状形态下的 X 坐标位置数值为整数,从 1 开始
Y 坐标:图片在表状形态下的 Y 坐标位置,数值为整数从 1 开始。
描述 1-3:为卡片添加的额外描述默认样式为显示在卡片下方。
注:其中 X,Y 坐标为必填内容
1)样式:配置卡片基本样式
视角--数值越大,卡片在水平方向被拉伸的越长
远近视截面--相对于深度剪切面的远近的距离
镜头角度--调整观察图像的角度
润滑度:鼠标操作指是的鼠标灵敏程度
距图像的最近最远距离:图像可以被缩小放大的极限距离
4)位置:调整图像位置和卡片之间的间隙
5)CSS:输入鉲片各要素的 CSS 代码让你的卡片更漂亮。非技术人员这里可保持默认无需配置。(基本样式可以在样式栏中配置这里只是让你的卡片哽加好看而已)
背景样式--图表展示框的样式,可以在此添加纹理图案(颜色背景可以在样式栏里选择)
卡片样式(包括伪元素样式)--可以寫一些代码比如效果如下图:
卡片伪元素(::before)
1)交互选项:在此面板配置图形形状,转换旋转的参数,可以让图形连贯切换效果更为炫酷。
2)条件显示:未启用
点击预览,效果如上图
已完成模板 ,可点击进行下载
文档内容仅供参考,如果你需要获取更多帮助付费/准付费客户请咨询
关于技术问题,您还可以前往点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传說哥(qq:)
相关“3d鉲片是怎么做出来的”147 张图片
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。