绘制矩形和注释网页 [英] draw rectangles and annotate webpage

问题描述

我需要用户能够绘制一个用于绘制矩形并在浏览器中注释网页的最佳实用程序/ api并在框中输入一条消息到注释框。

可以找到类似的功能 here - openlayers允许您在地图上绘制形状。

编辑：

我需要解决方案是跨浏览器，并尽可能轻量级。 Prototypejs已经嵌入到这个应用程序中，如果这可以被利用，那么这是一种奖励。 你没有说什么您正在处理的一种项目，但选择一个环境（支持对其他内容绘制矩形）并在该环境中执行所有操作。例如，您可以使用HTML5画布。 （如果你通过OpenLayers.js搜索了一下，你会发现它们也是这样）

这是一个很好的入门资源： http://www.html5canvastutorials.com/

What is the best utility/api to use in order to draw rectangles and annotate a webpage within the browser?

I need the user to be able to draw a box over the existing html content, and type a message into an annotation for the box.

Similar functionality can be found here - openlayers allows you to draw shapes on the map.

EDIT:

I need the solution to be cross browser, and as lightweight as possible. Prototypejs is already embedded in this application, if that can be leveraged then that is a bonus.

解决方案

You didn't say what kind of project you are working on, but choose one environment (which supports drawing rectangles over other content) and do everything within that environment. You could, for example, use HTML5 canvas. (If you search through OpenLayers.js a bit, you'll see they did the same)

This is a great resource to get started: http://www.html5canvastutorials.com/

这篇关于绘制矩形和注释网页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！