![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
raphael
_小郑有点困了
我的月亮永悬不落。
展开
-
使用raphael画线,升级版(有横向水平线,可拖拽)
使用raphael画线,升级版(有横向水平线,可拖拽)效果图1:效果图2:代码:目前左边线可拖拽,水平线初始化计算没有做水平计算,代码写法为升级<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简洁循环并可拖拽两条线以及两线连接的水平线</title> <style> #paper{ wid原创 2021-03-10 11:12:15 · 203 阅读 · 0 评论 -
使用raphael画线,并且可拖拽线上点进行拖拽线条(小demo)
使用raphael画线,并且可拖拽线上点进行拖拽线条效果图1:(拖拽前)效果图2:(拖拽后)这个点是可以在线上移动的代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #paper{ width:500px; height:500原创 2021-03-09 17:46:13 · 714 阅读 · 0 评论 -
使用raphael.js画车道线(泊位线)
使用raphael.js画车道线(泊位线)效果图场景设备拍照上传,但是仅仅有图片,不够明显的显示问题,就要前端来绘制这个车道线(不可拖拽)。后端数据(坐标形式)在图片中以图片左上角作为坐标系远点,我这里后端返回的是以百分比的形式,例如一个点x,y就是距离左上的百分比距离。TODO:因为raphael限制path绘制的方法需要传入具体的像素值,所以,需要先获取图片的实际尺寸再进行转换成实际像素值。代码<!DOCTYPE html><html lang="en">&原创 2021-06-29 16:43:31 · 474 阅读 · 0 评论