基于three.js超级炫酷的元素周期表和中国地图（html版本和vue版本）

最新推荐文章于 2025-04-14 15:41:31 发布

allen_csdns

最新推荐文章于 2025-04-14 15:41:31 发布

阅读量2.1k

点赞数 2

分类专栏：前端文章标签： html5 vue

本文链接：https://blog.youkuaiyun.com/allen_csdns/article/details/105066208

版权

该博客介绍了如何使用three.js库创建交互式的元素周期表和中国地图。提供了HTML版本和Vue项目的实现方式，包括演示链接和全屏显示的实现方法，鼓励读者下载源码进行学习和交流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、元素周期表

演示地址：https://demo.demohuo.top/jquery/10/1035/demo/
效果图：
在这里插入图片描述

二、中国地图

效果图：
在这里插入图片描述
如果要使用在vue项目里，并且全屏显示
则需要通过iframe标签将源码引入即可

<template>
  <div style="margin:0px;padding:0px;overflow:hidden">
  <iframe id="fullScreen" name="frame3d" frameborder="0" width="100%" scrolling="auto"
	height="100%" src="http://test.tcpay.xyz/boss/special/index.html" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0"></iframe>
  </div>
</template>
<