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>

一个简单的绘图程序

1 个答案: