svg 透视

最新推荐文章于 2023-04-18 14:23:31 发布

shqizh

最新推荐文章于 2023-04-18 14:23:31 发布

阅读量489

点赞数

分类专栏： svg 文章标签：透视SVG

本文链接：https://blog.csdn.net/shqizh/article/details/65938326

版权

<?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;