2016-07-11 28 views
-3

Ich brauche Kreis und rechteckig auf einem Foto auf die Homepage zu zeichnen,Ein einfaches Zeichenprogramm

Dazu habe ich einige Programme und Open-Source-Projekte, wie Zwibbler, Literally Canvas

jedoch herausgefunden, sie sind Mangel einige Funktionen

ich brauche die Koordinaten der gezogenen Kreise zu nehmen und rectangulars

ich keine Anwendung für diesen Vorgang finden konnte.

Wenn Sie etwas aus und kommentieren wissen würde ich

Vielen Dank im Voraus

+0

Vielen Dank für diejenigen, die gewählt haben. Es ist ok, auch wenn Sie ablehnen, aber besser zu kommentieren und Ratschläge zu geben. – NewPHPer

+1

Sieht so aus, als ob Sie die Dokumentation der Zwibbler API nicht richtig überprüft haben. Sehen Sie meine Antwort in einer Minute – webdeb

+1

[Was haben Sie bisher versucht?] (Http://whathaveyoutried.com) Bitte bearbeiten Sie Ihre Frage zu zeigen Sie eine [mcve] des Codes , dass Sie Probleme haben, dann können wir versuchen, mit dem spezifischen Problem zu helfen. Sie sollten auch [fragen] lesen. –

Antwort

2

Nehmen Sie diesen Code, fügen Sie in einer HTML-Datei froh sein, mit Ihrem Browser laufen und sehen, was passiert, ich werde nicht zu erklären Sie es bitte, schauen Sie sich die documentation of Zwibbler an, alles, was Sie hier sehen, wird von dort genommen.

<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> 
+0

Es hat jedoch einen großen "DEMO" Hintergrund –