这是一个创建于 2543 天前的主题，其中的信息可能已经有所发展或是发生改变。
我看了这个实现： https://github.com/SimonZhangITer/DataVisualization
感觉非常炫酷。自己实现的窗体缩放的时候。 中间的图表就全没了，无奈我水平太差了，代码又太多了，各位谁能帮我能写一个单独的例子，如果不嫌弃的话我愿意请你喝杯咖啡（最好用 Element-UI 组件来实现）
13 条回复 • 2018-01-27 13:03:48 +08:00
 |
1
ooTwToo 2017-12-12 20:03:00 +08:00
看着像是 dom 的位置交换+CSS3 特效实现的。
|
 |
2
SlipStupig OP @ooTwToo 能写个 demo 给我看一下么？
|
 |
3
wxsm 2017-12-12 20:12:18 +08:00
css3 `transform: scale` and `top` / `left` transition.
除了点击事件以外，你甚至不需要写一行 js 代码，就能实现这些动画。 |
|
4
SlipStupig OP @wxsm 重要的是，怎么把图表放到框的中间=_=
|
|
5
wxsm 2017-12-12 20:16:02 +08:00
这跟图表在哪里没有任何关系。你只需要对它的父元素进行 transform 转换就行。完全不影响里面的内容。
|
|
6
SlipStupig OP @wxsm 能加个微信么？
|
|
7
wxsm 2017-12-12 20:26:13 +08:00  1
@SlipStupig 给你写了个简单的 demo -> https://codepen.io/wxsm/pen/dJyWdq
|
|
8
wxsm 2017-12-12 20:30:55 +08:00
@SlipStupig 放大 / 缩小的效果大概是这样，你可以随意改 btn 里面的内容，对效果不会有任何影响。至于位置，用绝对定位然后改 top / left 就行了。
|
 |
9
fe619742721 2017-12-12 20:45:25 +08:00
额，这个确实不麻烦，进来以前我以为是那种可以随意改变窗口大小拖动缩放的。。
|
|
10
ooTwToo 2017-12-12 22:10:49 +08:00
@SlipStupig 非专业前端。只是发表一下看法。
|
|
11
SlipStupig OP @wxsm 感谢你，我解决了， 加个微信吧！
|
|
12
wxsm 2017-12-13 11:05:28 +08:00 1
@SlipStupig 不必了，如果对你有帮助，帮我点个 star 吧 https://github.com/wxsms/uiv
|
 |
13
strugglexiang 2018-01-27 13:03:48 +08:00
@wxsm 发现隐藏大神一枚，膜拜
|
Select Language