📄 bigimg.html
字号:
<html>
<head>
<title>Big Image of SVG</title>
<script language="javascript" src="js/showbigsvg.js" type="text/javascript"></script>
<script language="JavaScript">
var svgDoc;
var gnode;
var arrUseValue;
var arrUseYear;
var useMinValue;
var useMaxValue;
var svgType = opener.svgType;
var arrUseValue = opener.arrUseValue;
var arrUseYear = opener.arrUseYear;
function init(event)
{
svgDoc = event.getTarget().getOwnerDocument();
gnode = svgDoc.getElementById("gc");
svgViewChange(arrUseValue,arrUseYear,svgType);
if(arrUseValue.length > 0) {
if(svgType == 1) {
deleItem();
useMinValue = getMinValue(arrUseValue);
useMaxValue = getMaxValue(arrUseValue);
setXAxis(arrUseYear);
setYAxis(useMinValue,useMaxValue);
drawPolyline(arrUseValue,useMinValue,useMaxValue);
} else if(svgType == 2) {
deleItem();
useMinValue = getMinValue(arrUseValue);
useMaxValue = getMaxValue(arrUseValue);
setXAxis(arrUseYear);
setYAxis(useMinValue,useMaxValue);
drawRectange(arrUseValue,useMinValue,useMaxValue);
} else if(svgType == 3) {
deleItem();
useMinValue = getMinValue(arrUseValue);
useMaxValue = getMaxValue(arrUseValue);
drawPie(arrUseValue,arrUseYear);
}
}
}
self.focus();
</script>
<style type="text/css">
body {overflow:hidden;}
#tbl {position:absolute;left:0;top:10px;width:35%;height:100%;overflow:auto;}
#svg {position:absolute;left:35%;top:0;width:65%;height:98%;margin-top:3;}
a:link, a:visited {color:red;text-decoration:none;}
a:hover {color:white;background-color:red;text-decoration:none;}
form {margin:0;}
td, h1, h3, h4 {text-align:center;}
th, h1, h3, h4 {color:navy;}
h1 {margin-bottom:0;}
h4 {margin-top:0;}
.title {font-size:24;}
</style>
</head>
<body>
<embed id="showsvg" name="showsvg" type="image/svg+xml" src="largeimg.svg" width="358" height="256" />
</br>
<input type="radio" name="R5" value="1" onClick="svgViewChange(arrUseValue,arrUseYear,1);" checked>折线图
<input type="radio" name="R5" value="2" onClick="svgViewChange(arrUseValue,arrUseYear,2);">柱状图
<input type="radio" name="R5" value="3" onClick="svgViewChange(arrUseValue,arrUseYear,3);">饼图
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -