插件描述：利用Canvas制作的3D地球旋转效果
注：加载了外部xml数据文件，本地预览会有跨域问题，需要在服务端运行。
无需太多修改,
PREVIOUS:
NEXT:
相关插件-动画效果
点击效果Google Design 谷歌的设计团队
效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 ， 当时的第一感觉就是 擦 ，google就是牛逼， 一个按钮点击也要酷到不要不要的了
动画效果
讨论这个项目（26）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
释 0
2021/11/22 7:31:30
-
cnpm install anywhere -g; index.html下执行anywhere自动跳转运行本地就能看到了；或者放到自己服务器上；或者下载火狐；或者安装chrome插件
回复
CW 0
2021/1/11 13:37:05
-
请问网页背景能调成透明吗？这样?入到其他页面的时候才能成为一体，谢谢！
CW0
2021/1/11 14:17:27
<style type="text/css">
html,body {
width:100%;
height:100%;
margin:0;
padding:0;
position:relative;
/*background:black; 改成下面透明背景*/
background-color: rgba(0,0,0,0);
}
.canvas3D {
/*background:black; 改成下面透明背景*/
background-color: rgba(0,0,0,0);
position:absolute;
left:0;
top:0;
}
</style>
CW 0
2020/12/30 15:12:38
-
请问如何把球缩小一些，谢谢！
CW0
2020/12/31 8:06:14
-
大侠们，请问设置哪里可以把球缩小一些，谢谢！
西瓜0
2020/12/31 8:53:46
var x, y, z, t = Math.PI/4, r = 0, tick = 0.01, radius = 200;
radius 值越大，地球越小。
CW0
2020/12/31 9:20:31
-
您好，调成100了，地球大小没变化呢
CW0
2020/12/31 9:47:16
-
可以了，谢谢！
xujuan7090 0
2017/8/18 11:42:44
这个canvas怎么才能放到一个div里面去控制ta呢，因为我打算把地球放到页面某个图片上去转动，但是没法控制canvas生成在那个div里面
vx：lwg04100
2020/3/12 10:51:01
-
在JS里找到appendChild修改一下不就行了
CW0
2020/12/30 15:12:24
-
请问如何把球缩小一些，谢谢！
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
