jTopo是一款 2 D和3D模型展示的插件,不过目前文档不是很齐全,刚开始看的时候就有点懵了,因为你在网上很难找到jTopo的资料。下面我就介绍一下jTopo 的引用吧。

1、首先在官网上下载到jTopo的包,地址:http://www.jtopo.com/。并在html页面加以引用。

2、你可以在官网上找到你要引用的demo.

3、这是我自己修改的demo,来完成我所想要的效果。

4、

$(document).ready(function(){
var canvas = document.getElementById('canvas');
var stage = new JTopo.Stage(canvas);
var scene = new JTopo.Scene(stage);
scene.background = './images/bg.png';
var defaultNode = new JTopo.Node();

// 烟感1
var appleNode = new JTopo.Node();
appleNode.setImage('./images/smoke2.png', false);
appleNode.text="烟感1";
appleNode.fontColor='50,180,202';
appleNode.textOffsetY=8;
appleNode.setLocation(20, 200);
appleNode.showSelected = false; // 不显示选中矩形
scene.add(appleNode);
var textNode = new JTopo.TextNode('');
appleNode.mousedown(function(event){
if(event.button == 0){
var temp = "thumbnail_datashow.html?temp="+event.button;
window.location.href=temp;
}
});

加红色标记的是指,我在页面中的一个图片加以链接到其他页面。我用的是函数的调用

转载于:https://www.cnblogs.com/qiaomian/p/6100691.html

关于jTopo的引用相关推荐

  1. Vue+JTopo(一)

    1.下载js jtopo 更新下载 (不知道为什么网站被封禁了--在这提供下我现在用的 jtopo-1.4.4_trial-esm-min.js) 链接:https://pan.baidu.com/s ...

  2. Go 学习笔记(65)— Go 中函数参数是传值还是传引用

    Go 语言中,函数参数传递采用是值传递的方式.所谓"值传递",就是将实际参数在内存中的表示逐位拷贝到形式参数中.对于像整型.数组.结构体这类类型,它们的内存表示就是它们自身的数据内 ...

  3. [JAVA EE] Thymeleaf 高级用法:模板布局,带参数的引用片段,表单验证,常用校验注解

    模板布局 公共部分通常定义为模板布局:如页眉,页脚,公共导航栏.菜单等. 模板布局定义方法 布局页中用 th:fragment 定义模板片段,其他页面用 th:insert 引用片段 例如:foote ...

  4. java 无法取消引用_Java的新手,并出现错误“无法取消引用int” - java

    我是java的新手,并且已经从事了一段时间,但是仍然收到错误消息:无法取消引用int.我看到了几个类似的问题,但仍然无法弄清自己的情况. 这是完整的代码: package inclass; class ...

  5. C++ 对象的声明与引用

    C++ 对象的声明的格式: 类名 对象名 (多个对象名之间用逗号隔开) 声明1个对象: People student; 声明多个对象 People student,student1,student2; ...

  6. Android 弱引用 (WeakReference)的使用

    1 弱引用 (WeakReference) 弱引用对象,这些对象不会阻止对其引用对象进行终结,终结和回收.弱引用最常用于实现规范化映射.假设垃圾收集器在某个时间点确定对象是弱可到达的.到那时,它将自动 ...

  7. Android 打包 aar文件的流程以及aar的引用

    打包aar 分为原项目打包成aar 和新建module 打包成aar 1 原项目打包成aar 文件 需要把项目先变成库 把apply plugin: 'com.android.application' ...

  8. 父类引用指向子类对象

    父类引用指向子类对象,如何访问子类的属性? 1.第一种办法最简单,强制类型转化为子类. 2.父类引用指向子类对象,由于当前引用为父类,只能访问父类的字段和方法,但是根据多态性可以访问子类的方法,在这个 ...

  9. postgreSQL外键引用查询 查询外键被那些表占用

    根据一个表名,查询所有外键引用它的表,以及那些外键的列名 key_column_usage(系统列信息表), pg_constraint(系统所有约束表) SELECT x.table_name,x. ...

最新文章

  1. 【idea】Springboot整合jpa
  2. nodejs sqlite3_NodeJS 使用 better-sqlite3 操作sqlite 数据库
  3. 内部类不能有静态变量(除静态的对Static的理解)
  4. ThoughtWorks技术雷达专区
  5. JavaScript操作大全整理(思维导图七--字符串函数)
  6. adb dumpsys 查看手机内存
  7. eclipse从SVN检出的项目大面积报错怎么办
  8. Jzoj5421 嘟嘟噜
  9. Redis系列——Redis实战
  10. ubuntu更新时Not enough free disk space
  11. ExcelVBA之InputBox函数
  12. React+Antd+TypeScript 开发规范
  13. 程序人生-哈工大计算机系统大作业2022春
  14. Switch 开关 文字设置在一边显示
  15. 《流浪星球》作者:区块链让虚拟世界代替现实世界
  16. vmvare workstation 15Pro密钥
  17. java 打印表格文件
  18. 看完多线程通透了(爆干4万字)
  19. 源于实践的ERP123——ERP123方法论(转)
  20. android 图片绑定按钮,android的图片按钮(ImageButton)的案例

热门文章

  1. HW--漂亮度2(测试通过)
  2. 数据:ContentResolver类
  3. 东方文学网新进作品【2】
  4. Java lamda表达式快速分组
  5. 利用Caffe实现mnist的数据训练
  6. 最近发现系统rabbitmq丢消息比较严重,于是想了些方案来查找原因,给将消息发送方式添加确认机制。 我们在本地模拟了wms发送打标消息的场景. 1. 有事务 2. 先发点对点队列, 再发订
  7. Lecture 6 Order Statistics
  8. CentOS 7安装和部署Docker
  9. Maven打包排除某个资源或者目录
  10. 不用开发实现RDS RDWeb门户美化和个性化