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