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;
}
});
加红色标记的是指,我在页面中的一个图片加以链接到其他页面。我用的是函数的调用