jhoncontrol/esp8266-web-server-scada-svg

ESP8266 Scada Webserver SVG Industrial Applicactios Test

ESP8266 Scada Webserver SVG Industrial Applicactios Test

1 Test Mini server scada on SVG

2 Creation SCADA SVG Part 1

3 Creation SCADA SVG Part 2

4 Scada SVG Modbus Slave RTU Serial

5 SCADA SVG + ESP8266 + PLC Panasonic C14R .jpg

More Project - Mas Proyectos

Welcome to this space learning automation technology applied to industry and everyday life. If you like electronics, home automation, automation, programming, PLC, microcontrollers, Arduino, Python, Open source .... my blog will be a great help ... if you need help and information do not hesitate to consult.

Blog PDAControl English http://pdacontrolenglish.blogspot.com.co/

Blog PDAControl Español http://pdacontrol.blogspot.com.co/

Channel Youtube https://www.youtube.com/c/JhonValenciaPDAcontrol/videos

Twitter Spanish https://twitter.com/PDAControl

Twitter Enghish: https://twitter.com/Jhon_Control

esp8266-web-server-scada-svg's Issues

SVG format interpreter error

The svg file created on https://editor.method.ac/ when opened in a chrome browser is perfectly good.
I have changed the lines in the code to the appropriate format, but only the first line of text does appear on the screen,and it does not indicate an error.
What could be the problem ?
out += " < svg width = \"800\" height=\"600\" xmlns=\"http://www.w3.org/2000/svg\"> \n"; out += " <g> \n"; out += " <title>Layer 1</title> \n"; out += " <text fill=\"#DDDDDD\" stroke=\"#000\" stroke-width=\"0\" x=\"431.33331\" y=\"151.99986\" id=\"svg_4\" font-size=\"24\" font-family=\"Noto Sans JP\" text-anchor=\"start\" xml:space=\"preserve\">faxizzz</text> \n"; out += " <ellipse stroke=\"#000\" fill=\"#DDDDDD\" cx=\"57.66664\" cy=\"384.33308\" id=\"svg_6\" rx=\"20\" ry=\"45\"/> \n"; out += " <rect rx=\"7\" stroke=\"#000\" fill=\"#DDDDDD\" x=\"35.66663\" y=\"351.33308\" width=\"43\" height=\"68\" id=\"svg_7\"/> \n"; out += " <rect stroke=\"#000\" stroke-width=\"2\" rx=\"10\" id=\"svg_5\" height=\"39.99993\" width=\"68\" y=\"471.66645\" x=\"36\" fill=\"#DDDDDD\"/> \n"; out += " <path stroke=\"#000\" fill=\"#FFFF91\" d=\"m99.4861,493.87972l-5.85076,2.15309l0,-4.30389l5.85076,2.1508zm-4.24815,-10.6061l-2.66548,5.80349l-2.94145,-3.04506l5.60693,-2.75843l0,0zm-10.25185,-4.39217l2.08029,6.05342l-4.1617,0l2.0814,-6.05342zm-10.25296,4.39217l5.60915,2.75843l-2.94256,3.04506l-2.66659,-5.80349l0,0zm-4.24704,10.6061l5.85187,-2.1508l0,4.30389l-5.85187,-2.15309zm4.24704,10.6061l2.66659,-5.8012l2.94256,3.04391l-5.60915,2.75729l0,0l0,0zm10.25296,4.39561l-2.0814,-6.05457l4.1617,0l-2.08029,6.05457zm10.25185,-4.39561l-5.60804,-2.75614l2.94145,-3.04391l2.66659,5.80005zm-17.5013,-10.6061l0,0c0,-4.14109 3.24623,-7.49914 7.25055,-7.49914c4.00321,0 7.25055,3.35804 7.25055,7.49914c0,4.14224 -3.24734,7.50028 -7.25055,7.50028c-4.00543,0 -7.25055,-3.35804 -7.25055,-7.50028l0,0z\" id=\"svg_13\"/> \n"; out += " <rect stroke=\"#000\" stroke-width=\"2\" rx=\"10\" id=\"svg_3\" height=\"40\" width=\"68\" y=\"542.3334\" x=\"36.33334\" fill=\"#DDDDDD\"/> \n"; out += " <ellipse ry=\"7\" rx=\"7.33336\" id=\"svg_8\" cy=\"380\" cx=\"106\" stroke=\"#000\" fill=\"#FFFF91\"/> \n";

Modified parameter : " to /" and \n";

Original scada code :
<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg"> // <g> // <title>Layer 1</title> // <text fill="#DDDDDD" stroke="#000" stroke-width="0" x="431.33331" y="151.99986" id="svg_4" font-size="24" font-family="Noto Sans JP" text-anchor="start" xml:space="preserve">faxizzz</text> // <ellipse stroke="#000" fill="#DDDDDD" cx="57.66664" cy="384.33308" id="svg_6" rx="20" ry="45"/> // <rect rx="7" stroke="#000" fill="#DDDDDD" x="35.66663" y="351.33308" width="43" height="68" id="svg_7"/> // <rect stroke="#000" stroke-width="2" rx="10" id="svg_5" height="39.99993" width="68" y="471.66645" x="36" fill="#DDDDDD"/> // <path stroke="#000" fill="#FFFF91" d="m99.4861,493.87972l-5.85076,2.15309l0,-4.30389l5.85076,2.1508zm-4.24815,-10.6061l-2.66548,5.80349l-2.94145,-3.04506l5.60693,-2.75843l0,0zm-10.25185,-4.39217l2.08029,6.05342l-4.1617,0l2.0814,-6.05342zm-10.25296,4.39217l5.60915,2.75843l-2.94256,3.04506l-2.66659,-5.80349l0,0zm-4.24704,10.6061l5.85187,-2.1508l0,4.30389l-5.85187,-2.15309zm4.24704,10.6061l2.66659,-5.8012l2.94256,3.04391l-5.60915,2.75729l0,0l0,0zm10.25296,4.39561l-2.0814,-6.05457l4.1617,0l-2.08029,6.05457zm10.25185,-4.39561l-5.60804,-2.75614l2.94145,-3.04391l2.66659,5.80005zm-17.5013,-10.6061l0,0c0,-4.14109 3.24623,-7.49914 7.25055,-7.49914c4.00321,0 7.25055,3.35804 7.25055,7.49914c0,4.14224 -3.24734,7.50028 -7.25055,7.50028c-4.00543,0 -7.25055,-3.35804 -7.25055,-7.50028l0,0z" id="svg_13"/> // <rect stroke="#000" stroke-width="2" rx="10" id="svg_3" height="40" width="68" y="542.3334" x="36.33334" fill="#DDDDDD"/> // <ellipse ry="7" rx="7.33336" id="svg_8" cy="380" cx="106" stroke="#000" fill="#FFFF91"/>

This page rearranges my writing!
Please remove // arduino comment sign.
This is an excerpt from the modified code. Is this fixed correctly?
Maybe send the full code?
Thanks for watching!
Ferenc.