一个简单的绘图程序

Question

我需要在网页的图片上画圆和矩形，

为此，我找到了一些程序和开源项目，比如Zwibbler, Literally Canvas

但是，它们缺少一些功能

我需要取画出的圆和矩形的坐标

我找不到此操作的任何应用程序。

如果你知道一些并发表评论我会很高兴

提前致谢

Answer 1

把这段代码，粘贴到一个html文件中，运行用你的浏览器，看看会发生什么，我不打算解释了，请看一下documentation of Zwibbler, 你在这里看到的一切都是从那里拿来的。

<html>
<body>
  <script src="http://zwibbler.com/zwibbler-demo.js"></script>
  <div id="zwibbler1" style="width:800px;height:500px"></div>
  <script>
     var ctx = Zwibbler.create("zwibbler1", {});
     ctx.on('document-changed', function() {
       var firstSelectedNode = ctx.getSelectedNodes()[0];
       if (!firstSelectedNode) return;

       var bounds = ctx.getNodeRectangle(firstSelectedNode)
       document.getElementById('position').innerHTML = `x: ${bounds.x}, y: ${bounds.y}`
     });
  </script>
  <br>
  <h1>Position of current NODE: <span id="position"><span></h1>
</body>
</html>

一个简单的绘图程序

A simple drawing program

javascript

drawing