мне нужно нарисовать круг и прямоугольник на картинке на веб-странице,Простая программа рисования
Для этого, я обнаружил несколько программ и проектов с открытым исходным кодом, как Zwibbler, Literally Canvas
Однако они являются отсутствие некоторые особенности
мне нужно взять координаты нарисованных окружностей и прямоугольники
Я не мог найти применение для этой операции.
Если вы знаете, некоторые и комментарии я был бы рад
Заранее спасибо
Возьмите этот код, вставить в 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>
У этого есть большой фон DEMO, хотя –
Благодарим за тех, кто проголосовал. Это okey, даже если вы проголосуете, но лучше комментировать и давать советы. – NewPHPer
Похоже, вы не проверили документацию API Zwibbler правильно. См. Мой ответ за один мин. – webdeb
[Что вы пробовали до сих пор?] (Http://whathaveyoutried.com) Пожалуйста, показать [mcve] кода , с которым у вас возникли проблемы, тогда мы можем попытаться помочь с конкретной проблемой. Вы также должны прочитать [ask]. –