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;
}
});
加紅色標記的是指,我在頁面中的一個圖片加以鏈接到其他頁面。我用的是函數的調用