Javascript 一个简单的绘图程序
我需要在网页上的图片上画圆形和矩形 为此，我找到了一些程序和开源项目，比如 但是，它们缺乏一些特性 我需要得到画出的圆和矩形的坐标 我找不到此操作的任何应用程序 如果你知道一些建议和评论，我将很高兴Javascript 一个简单的绘图程序,javascript,drawing,Javascript,Drawing,我需要在网页上的图片上画圆形和矩形 为此，我找到了一些程序和开源项目，比如 但是，它们缺乏一些特性 我需要得到画出的圆和矩形的坐标 我找不到此操作的任何应用程序 如果你知道一些建议和评论，我将很高兴 提前感谢获取此代码，粘贴到html文件中，使用浏览器运行，看看会发生什么，我不打算解释它，请看一下，这里看到的所有内容都是从那里获取的 <html> <body> <script src="http://zwibbler.com/zwibbler-demo.js"&
提前感谢获取此代码，粘贴到html文件中，使用浏览器运行，看看会发生什么，我不打算解释它，请看一下，这里看到的所有内容都是从那里获取的
<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>
var ctx=Zwibbler.create（“zwibbler1”，{}）；
ctx.on（'document-changed'，function（）{
var firstSelectedNode=ctx.getSelectedNodes（）[0]；
如果（！firstSelectedNode）返回；
var bounds=ctx.getNodeRectangle（firstSelectedNode）
document.getElementById（'position'）.innerHTML=`x:${bounds.x}，y:${bounds.y}`
});
当前节点的位置：