두 가지 형식의 사진 페이지를 추가하는 노드

형식 1 : 노드는 데이터 모델로 사진을 추가

<! DOCTYPE HTML> 
<HTML LANG = "EN"> 
<head> 
    <메타 캐릭터 = "UTF-8"> 
    <TITLE> 노드用데이터 모델添加图片</ TITLE> 
    <스타일> 
        HTML 바디 { 
            패딩 : 0 픽셀; 
            여백 : 0 픽셀; 
        } 
        .main { 
            여백 : 0 픽셀; 
            패딩 : 0 픽셀; 
            위치 : 절대; 
            최고 : 0 픽셀; 
            바닥 : 0 픽셀; 
            왼쪽 : 0 픽셀; 
            오른쪽 : 0 픽셀; 
        } 
    </ 스타일> 
    <script> 
        htconfig = { 
            기본값 : { 
                toolTipDelay :
    </ script> 
    <스크립트 SRC = "../../../../ lib 디렉토리 / 코어 / ht.js"> </ script> 

    <스크립트 유형 = "텍스트 / 자바 스크립트"> 
        //声明图片
        HT. Default.setImage ( "사람", "../../../../picture/png/manPng/man.png"); 

        //初始化
        함수 초기화 () { 
            데이터 모델 = 새로운 ht.DataModel ();        g2d = ht.graph.GraphView 새로운 (데이터 모델); 
            g2d.addToDOM (); 
            g2d.setEditable (TRUE); 
            도 g2d.getView = (); 
            view.className = '주'; 
            document.body.appendChild (뷰); 
            addNode 명 ();
     




            새로운 노드 = ht.Node (); 
            dataModel.add (노드) 
            node.setImage ( '사람'); 
            node.setPosition (800, 150); //设置图元中心点坐标位置
            node.setSize (200, 200); //에는 setSize (폭, 높이)大小
            노드를 반환; 
        } 
    </ script> 
</ head> 
<body> 
<body의 온로드 = "초기화 ()"> </ body> 
</ body> 
</ HTML>

DM 추가 사진과 함께 노드 : 형식 2

<! DOCTYPE HTML> 
<HTML> 
<HEAD> 
    <TITLE> 노드用DM添加图片</ TITLE> 
    <스타일> 
        .view { 
            총수 : 절대; 
            왼쪽 : 0; 
            오른쪽 : 0; 
            최고 : 0; 
            바닥 : 0; 
        } 
    </ 스타일> 
    <스크립트 SRC = "../../../../ lib 디렉토리 / 코어 / ht.js"> </ script> 
    <META HTTP-EQUIV = "Content-Type을"내용 = "텍스트 / html로; 문자셋 = UTF-8 "> 
    <스크립트 유형 ="텍스트 / 자바 스크립트 "> 
        //声明图片
        ht.Default.setImage를 ("사람 ","../../../../picture/png /manPng/man.png ");

          
                = graph.getView보기 ();
 
            view.className = "보기", 
            document.body.appendChild (뷰) 

            위한 addNode는 (); 
        } 

        위치의 화상 크기 설정 // 
        함수에게 addNode 명을 () { 
            VAR = 새로운 새 노드 ht.Node () ; 
            dm.add (노드) 
            node.setImage ( '사람'); 
            node.setPosition (800, 150); // 중심 요소의 위치 좌표를 설정 
            node.setSize (200, 200); // 에는 setSize (폭, 높이)의 크기 
        } 
    </ script> 
</ head> 
<body는, OnLoad = "초기화 ()"> 
</ BODY> 
</ HTML>

두 가지 형식의 사진 페이지를 추가하는 노드

추천