- 博客(6)
- 收藏
- 关注
RSS订阅原创 Axure集成echarts图表
1、从元件库中拖出一个矩形，并为其命名为Demo（可以自己起）；4、在点击fx，在插入变量或函数的输入框中输入下方代码。（2）将echarts的option替换到代码中。（1）div中的Demo为你创建的矩形框的名称。（4）如果加载完后的矩形框还是空白，可以将。3、选择下方的链接到URL或文件路径；2、点击交互中的载入时，打开链接；（3）注意整个代码不能含有注释。替换为下方的任意一个试试。
2024-04-22 16:28:10
549
原创 js实现base64、url和blob之间相互转换的三种方式
Blob对象表示一个不可变、原始数据的类文件对象,Blob表示的不一定是JavaScript原生格式的数据,下面这篇文章主要给大家介绍了关于js实现base64、url和blob之间相互转换的三种方式,需要的朋友可以参考下1.url: 一般来说，图片的显示还是建议使用url的方式比较好。12.base64： 如果图片较大，图片的色彩层次比较丰富，则不适合使用这种方式，因为其Base64编码后的字符串非常大，会明显增大HTML页面，影响加载速度。
2023-11-16 17:35:06
8590
1
原创 React+Antd实现含有农历日期的日期选择器
都知道，农历的节日都不是一成不变的，所以我就想了一个办法，将农历所需要的信息如24节气、'初','十','廿','卅'、农历节日、公立节日等都放入一个js文件中，然后存储农历1900-2100的润大小信息表，去查询1900-2100这个时间段里的所有的农历日期。查看了antd的官网api，发现其中有一个dateRender的说明是自定义日期单元格的内容，可以使用这个进行对日期的重构，将农历日期添加到其中。然后进行调用，将农历日期填入到DatePicker的组件中。
2023-09-28 14:51:10
724
原创 React+Antd使用html2Canvas实现导出PDF
从上面的介绍可以知道， html2Canvas的作用就是根据DOM元素生成对应的图片，所以我们可以使用它在H5端生成分享图，然后将其转化为DPF。它的屏幕截图是基于DOM的，因此可能不会100%精确到真实的表示，因为它不会生成实际的屏幕截图，而是基于页面上可用的信息构建屏幕截图。在调用时，传入id和title，id为要导出的PDF页面元素的最外层的元素的id，title是要导出的PDF文件的名称。首先根据页面DOM元素的高度将截成一张一张的图片，以便分页。然后，将截出来的图片封装成数组的形式，进行分页。
2023-09-28 14:12:46
1063
原创 React+Antd多页签缓存后，函数式组件中echarts图自适应的编写规范
在经过一系列排查后，终于找到了问题的关键所在，这是因为没有添加多页签缓存页面时，一旦切换页面，页面上的各种元素被卸载，再次进入时再次加载，但是加入多页签缓存之后的页面再次进入时元素不会重新加载，并且这时echarts的宽度会失效，被识别为100px。为了解决这一问题，我尝试了各种各样的方法，最终成功将这问题解决，以下是我成功之后的代码。这种方式在react项目的普通页面中是可以正常使用的，但是在添加了多页签缓存后，就会出现在一个页签中改变分辨率，再恢复，另一个页面中的echarts图无法自适应的问题。
2023-09-28 13:38:47
326
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人