web组态
yb305小白
挨踢小白。。。。
展开
-
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 · 2212 阅读 · 0 评论 -
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 · 7374 阅读 · 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 阅读 · 0 评论