繁体 English 中英

在图片上画线 - Javascript？

[英]Drawing line over picture - Javascript?

原文 2012-12-02 11:59:46 8 2 javascript/ graph/ drawing/ line

我的页面上有一些图表。 当用户将光标拖到图片上时，我想在图表上显示一条水平线。

在此输入图像描述

上面的那个是起点，后者显示当用户将光标指向图表时应该发生什么。 当光线在图像上方时，该线应与光标保持在同一水平。

例如，Javascript可以实现吗？

它是，你需要一个div盒，位于光标Y值，1px绿色边框。 位置必须设置为绝对值。 但你无法直接在图像中绘画。

您可以使用D3，并基于svg绘制图形和悬停线，您可以添加其他图形组件进行交互，例如滑块以选择子区间放大，更改标签等。

以此为例进行开发： http ： //mpf.vis.ywng.cloudbees.net/

（你可以拖动黄色栏，然后点击图例;对于源代码，点击github上的fork me）

Javascript Canvas：画图

[英]Javascript Canvas: Drawing over picture

[英]Drawing line in a div with Javascript

[英]Loop logic for drawing line javascript

[英]drawing a straight line with arrow in Javascript

[英]Javascript Midpoint Line Drawing Algorithm

[英]black line when hovering over a picture

[英]Why is my line not drawing over time?

[英]Freeform drawing over an image using <canvas> and javascript

[英]Drawing lines over static images with JavaScript

[英]How do I animate drawing a line in Javascript

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Javascript Canvas：画图用JavaScript在div中画线画线JavaScript的循环逻辑在 Javascript 中画一条带箭头的直线 Javascript中点画线算法将鼠标悬停在图片上时出现黑线为什么我的线没有随着时间推移绘制？使用自由形式绘制图像 <canvas> 和javascript 使用JavaScript在静态图片上画线如何为Javascript中的线条绘制动画

相关标签