2020年09月_yb305小白

12月 11月 10月 09月 08月 07月 06月 05月 04月

原创 web组态学习——SVG虚线的动态效果

1.利用svg的stroke-dasharray来创建虚线<!DOCTYPE html><html><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <g fill="none" stroke="black" stroke-width="4"> <path stroke-dasharray="5,5" d="M5 20 l215 0" />

2020-09-30 15:21:22 2210

原创 web组态学习——Le5le Topogy可视化绘图工具绘制组态图（二）

1.打开Le5le Topogy可视化绘图工具，点击“我的图片”，可以上传所需要的的组态图片素材，尝试了不能上传svg格式的图片，这里传的是.png格式的图片。如图所示2.点击"文件"新建文件，拖拽左侧图片，到右侧画布中，制作自己的组态图。3.组态图源码<html> <head> <style> .water { stroke-dasharray: 1000; stroke-dashoffset: 1000;

2020-09-30 13:51:30 7367 2

原创 web组态学习——Le5le Topogy可视化绘图工具使用（一）

1.Le5le Topogy可视化绘图工具网址：http://topology.le5le.com/workspace?id=5d4d725a6025d7704b1132402.点击“查看”菜单，选择“行业解决方案”，可以查看各种类型的图架构图、拓补图、电力能源、水利等案例，可以参考。3.点击“电网”状态图查看如下4.点击“文件”菜单下载文件为svg；5.给下载后的svg文件的节点添加id，添加到自己的工程中，我用的是html界面，直接嵌入svg代码就行，通过获取节点对象来实

2020-09-30 10:53:40 2103

Echarts图表可视化大屏显示

Echarts图表可视化大屏显示，可视化大屏适合初学者，包括基础的布局，echarts图表的使用等

2024-03-07

leaflet+高德地图+风场

引入leaflet地图插件，引入风场libwind.min.js插件，添加高德地图瓦片 //风场图层初始化 let windField = L.velocityLayer({ colorScale: [‘blue’] }); //风场数据加载 L.windUtil().getImgData(new Date(), L.windUtil().options.products['wind'], function (res) { windField.setData(res); windField.addTo(map); });

2023-07-13