關於jTopo的引用


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

加紅色標記的是指,我在頁面中的一個圖片加以鏈接到其他頁面。我用的是函數的調用

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM