当前位置: 首页 > 知识库问答 >
问题:

前端 - canvas 画折线,放到dom里?

皇甫敏达
2023-08-07

有一个需求是在地图上点击不同的坐标点,展示该坐标点详情。
详情面板通过模态框实现,位置固定。
需求是点击不同的坐标点,坐标点和详情面板之间有一条折现连线。
这个需求如何实现?
能否通过canvas 画折线,放到dom里实现?

共有1个答案

艾心远
2023-08-07

直接用 ECharts 没办法实现吗?为啥要自己写呢?

  • 地图标注Demo
 类似资料:
  • 前端怎么用地图图片去做这种canvas地图交互效果,有没有学习资料

  • 本文向大家介绍canvas绘制的直线动画,包括了canvas绘制的直线动画的使用技巧和注意事项,需要的朋友参考一下 话不多说,请看代码: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • HTML5元素canvas为您提供了一种使用JavaScript绘制图形的简单而强大的方法。它可以用于绘制图形,制作照片合成或做简单(而不是那么简单)的动画。 这是一个简单的canvas元素,它只有两个特定属性width和height以及所有核心HTML5属性,如id,name和class等 <canvas id = "mycanvas" width = "100" height = "100">

  • Canvas画布

  • HTML5画布提供了绘制图像并完全擦除图像的必要方法。 我们可以使用Javascript帮助在HTML5画布上模拟好的动画。 以下是两个重要的Javascript方法,用于在画布上制作动画图像 - Sr.No. 方法和描述 1 setInterval(callback, time); 该方法在给定的time毫秒后重复执行所提供的代码。 2 setTimeout(callback, time); 此

  • 我百度过,一般解决方案便是放大缩小或者添加 0.5px 但是始终没有解决。 �� K线图 这是复现例子。 我曾尝试过: 关于canvas绘制1像素出现模糊的原因及解决方法 关于canvas2D绘图出现锯齿现象的解决方案探讨或心得交流 等相关例子,但是始终没有解决 不知道如何解决折现模糊问题