1. Re:centos7 部署dzzoffice最新版详细教程
你好不知道为什么我搭建的时候出现了说权限不够不能访问服务器的
--gjunming
2. Re:Hadoop开启后jps显示只有jps
没用了
--温暖不过安阳
3. Re:chrome 打开本地 pdf 会自动开启下载
正解，正解，正解。赞
--许新浩
4. Re:怎样将本地文件上传到docker容器
我在： 2022年 1月 21日 20:22:57 看过本篇博客！
--努力变胖-HWP
5. Re:http接口测试工具-Advanced-REST-client
推荐试试 Apifox，好用很多。接口文档+接口调试+数据 Mock+接口测试，功能齐全。接口文档和接口开发调试使用同一个工具，接口调试完成后即可保证和接口文档定义完全一致。高效、及时、准确！...
--Liamhong

svg动态添加元素

动态添加元素

<html>
<head></head>
<body>
<div>x坐标值<input id="xValue"></div>
<div>y坐标值<input id="yValue"></div>
<div>文本内容<input id="iText"></div>
<button id="add">动态添加元素</button>
<br/>
<iframe id="mySVG" src="map.svg" style="width:100%;height:400px;"></iframe>
</body>
<script src="jquery.min.js"></script>
<script>
    var svgDoc = null;
    var time = null;
  
    // 动态添加元素
    var addElement = function(x, y, nodeText) {
        // 添加圆形
        var c = svgDoc.createElementNS('http://www.w3.org/2000/svg', 'circle');
        c.setAttribute('cx', x);
        c.setAttribute('cy', y);
        c.r.baseVal.value = 7;
        c.setAttribute('fill', 'red');
        c.addEventListener("click", function() {
            alert('圆形点击测试：' + nodeText);
        });
        c.addEventListener("mouseover", function() {
            console.log('圆形鼠标悬停测试：' + nodeText);
        });
        svgDoc.rootElement.appendChild(c);
  
        // 添加文本
        var t = svgDoc.createElementNS('http://www.w3.org/2000/svg', 'text');
        t.setAttribute("x", parseInt(x) + 5);
        t.setAttribute("y", parseInt(y) + 10);
        t.setAttribute("font-size", "20");
        t.setAttribute('fill', 'green');
        t.addEventListener("click", function() {
            alert('文本点击测试：' + nodeText);
        });
        t.addEventListener("mouseover", function() {
            console.log('文本鼠标悬停测试：' + nodeText);
        });
        t.innerHTML = nodeText;
        svgDoc.rootElement.appendChild(t);
    };
  
    // 载入SVG
    var loadSvg = function() {
        svgDoc = document.getElementById("mySVG").contentWindow.document;
        if(svgDoc == null) {
            time = setTimeout("loadSvg()", 300);
        } else {
            clearTimeout(time);
            loadCallback();
        }
    };
  
    // 载入回调
    var loadCallback = function() {
        console.log("加载完成");
    };
  
    $(function() {
        // 延迟加载
        setTimeout("loadSvg()", 300);
  
        // 按钮
        $("#add").click(function() {
            var nodeText = $("#iText").val();
            if(nodeText == "") {
                nodeText = "未输入文本";
            }
            console.log(nodeText);
            addElement($("#xValue").val(), $("#yValue").val(), nodeText);
        });
    });
</script> 
</html>

　map.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2377" height="2867"><defs>
    <style type="text/css">
      @font-face {
        font-family: 'topology';
        src: url('http://at.alicdn.com/t/font_1331132_h688rvffmbc.ttf?t=1569311680797') format('truetype');
      }
    </style>
  </defs><g/></svg>