2016-07-11 3 views
-3

간단한 도면이 들어내가 웹 페이지에서 사진에 원과 사각형을 그릴 필요 프로그램

, 나는 그러나 Literally Canvas

, Zwibbler 같은 일부 프로그램과 오픈 소스 프로젝트를 발견, 그들은 부족하다 일부 기능

의 난이 작업에 대한 모든 응용 프로그램을 찾을 수 없습니다 그려진 원의 좌표를 취할 필요하고

을 rectangulars.

일부를 알고 언급하면 ​​내가 미리

감사 기쁠

+0

투표 해 주신 분들께 감사드립니다. 투표를해도 투표는 잘되지만 의견을 말하고 조언을하는 것이 좋습니다. – NewPHPer

+1

Zwibbler API의 설명서를 제대로 확인하지 않은 것 같습니다. 1 분 내에 내 답변보기 – webdeb

+1

[지금까지 시도한 내용은 무엇입니까?] (http://whathaveyoutried.com) 질문을 [편집]하십시오. 문제가되는 코드 의 [mcve]를 표시하면 의 특정 문제를 해결할 수 있습니다. 또한 [ask]를 읽어야합니다. –

답변

2

브라우저와 운영하는 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> 
+0

그래도 큰 "DEMO"배경이 있습니다. –

관련 문제