03 2024 档案

js计算线性渐变的中间颜色值
摘要：要使用 js 计算线性渐变的中间值，记录下。 两个RGB颜色的中间颜色值 <style> #colors { margin-top: 2rem; display: flex; } #colors div { width: 100px; height: 100px; } </style> <div i 阅读全文
posted @ 2024-03-28 16:32 carol2014 阅读(208) 评论(0) 推荐(0)
使用fabric.js生成的svg图制作echarts的map图表
摘要：框选图片区域制作 echarts 图 这个需求的坑终于填的差不多了，写个 demo 记录下。 生成的 svg 图代码如下：可以看出 svg 部分节点有 name 属性，echarts 正是对应此 name 属性来显示具体数值。 <?xml version="1.0" encoding="UTF-8" 阅读全文
posted @ 2024-03-28 15:24 carol2014 阅读(156) 评论(0) 推荐(0)
使用fabric.js框选图片区域并生成svg图
摘要：仍然是 在图片上特定区域根据数值显示不同的颜色 的需求，改进下代码。增加了测量辅助线、对齐辅助线、生成svg图等，基本满足需求。 demo 中包括了生成 json、svg 字符串和下载 svg 图。导出的 svg 图使用时需注意背景图的路径问题：url 地址且可访问。 <script src=".. 阅读全文
posted @ 2024-03-28 15:06 carol2014 阅读(566) 评论(0) 推荐(0)
js切换bootstrap的tab页
摘要：使用 bootstrap 的 tab 页组件中发现了一个问题：需要使用 js 切换，试用了官方文档中的方法和 jquery 触发点击事件，发现居然报错或者不起作用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <m 阅读全文
posted @ 2024-03-25 14:12 carol2014 阅读(135) 评论(0) 推荐(0)
使用fabric.js框选图片区域定位标注图片内容
摘要：仍然是 在图片上特定区域根据数值显示不同的颜色 的需求，过了这么久，svg 图迟迟提供不了，考虑 canvas 方案。记录比较下 canvas 及各 canvas 框架的使用。 canvas <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> 阅读全文
posted @ 2024-03-20 12:01 carol2014 阅读(1107) 评论(0) 推荐(0)
ajax请求下载excel文件
摘要：改一个页面：js 新打开一个页面，页面的地址为一个 get 请求接口，由于传递的字符串变多，要改为 post 请求。 没办法使用 js 打开新窗口这种了，考虑 aja x请求。写个 demo 记录下 <script> function downloadFile(url, data) { $.ajax 阅读全文
posted @ 2024-03-07 17:19 carol2014 阅读(583) 评论(0) 推荐(0)
js之canvas API基础知识
摘要：常用方法 <dl> <dt>常用方法</dt> <dd> <dl> <dt>直线(路径)</dt> <dd> <p>context.lineTo(x, y)</p> <canvas id="line" width="800" height="100"></canvas> <script> { con 阅读全文
posted @ 2024-03-01 16:40 carol2014 阅读(27) 评论(0) 推荐(0)