svg 透视

<?xml version='1.0' encoding='UTF-8' standalone='no'?> 
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'> 
<svg style="width: 1000px; height: 600px; border: 1px solid red;"
xmlns='http://www.w3.org/2000/svg' 
xmlns:xlink='http://www.w3.org/1999/xlink'
οnlοad='init(evt)'> 
 
  <style> 
    .edge{
        fill: white;
        stroke: black;
        stroke-width: 1;
    }
    .button{
        fill: #2060dd;
        stroke: #2580ff;
        stroke-width: 1;
    }
    .button:hover{
        stroke-width: 3;
    }
  </style> 
 
  <script type='text/ecmascript'> 
    <![CDATA[


    edges = [[0,1],[2,3],[0,2],[1,3],[4,5],[6,7],[4,6],[5,7],[0,4],[1,5],[2,6],[3,7]]
    x_coords = [450,550,450,550,505,595,505,595];
    y_coords = [460,460,560,560,415,415,505,505];
    z_coords = [0,0,0,0,100,100,100,100];


    centre_x = 1000;
    centre_y = 500;
    centre_z = 50;
    
function init(evt)
{
   if ( window.svgDocument == null )
   {
svgDocument = evt.target.ownerDocument;