如何使用GWT或HTML CSS JavaScript绘制对角线？

概述我正在开发一个Web应用程序,我需要用线连接东西.如果线不限于水平/垂直,那将是很好的.我还需要检测线路上的点击次数.到目前为止我考虑的替代方案： 使用CSS旋转 我用适当的长度创建一个div或hr然后我在他们的样式中使用CSS transform属性.在这个网站的某个地方有一个答案. 好处： >简单. >可以检测点击次数. 缺点： >需要特定于浏览器的CSS. 在服务器上创建映像 我创建了一个网 我正在开发一个Web应用程序,我需要用线连接东西.如果线不限于水平/垂直,那将是很好的.我还需要检测线路上的点击次数.到目前为止我考虑的替代方案：

使用CSS旋转

我用适当的长度创建一个div或hr然后我在他们的样式中使用CSS transform属性.在这个网站的某个地方有一个答案.

好处：

>简单.
>可以检测点击次数.

缺点：

>需要特定于浏览器的CSS.

在服务器上创建映像

我创建了一个网页,其中包含fromx,fromy,tox,toy作为GET或POST参数,并返回该行的图像.

好处：

>简单.
>标准.

缺点：

>如果划线,我无法检测到点击次数. (他们是谁.)
>需要服务器参与.

使用多个小div

我创造了大量的5×5 div并将它们定位成一条线.

好处：

>可以检测点击次数.
>标准.

缺点：

>疯了.

放弃

我放弃并使用gwt-connectors.它只绘制水平和垂直线,但至少它非常简单,可以移动连接的对象.

你推荐哪个选项？还有其他我没考虑过吗？

解决方法 如果您有 CSS3可用： http://jsfiddle.net/rudiedirkx/MKkxX/

连接点,这将需要大量(非常小,非常简单)的计算.服务器端计算.每条线的旋转和平移以及线长度都不同.这是很多计算.但是对于客户来说这很简单.如果客户端有CSS3支持=)

总结

以上是内存溢出为你收集整理的如何使用GWT或HTML CSS JavaScript绘制对角线？全部内容，希望文章能够帮你解决如何使用GWT或HTML CSS JavaScript绘制对角线？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。