关于jTopo的引用

Posted 2020-08-20 也许520

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;
}
});

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