vmario/wisemapping-open-source
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-open-source.git synced 2024-08-20 12:30:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Exported images are now centered.

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2012-12-02 16:37:09 -03:00
parent 0d8b6b210e
commit 765b1fc80e
35 changed files with 10823 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

223
wise-webapp/src/main/java/com/wisemapping/exporter/ExporterFactory.java
View File

@ -18,6 +18,9 @@
package com.wisemapping.exporter;
import org.apache.batik.parser.AWTTransformProducer;
import org.apache.batik.parser.ParseException;
import org.apache.batik.parser.TransformListParser;
import org.apache.batik.transcoder.Transcoder;
import org.apache.batik.transcoder.TranscoderException;
import org.apache.batik.transcoder.TranscoderInput;
@ -34,23 +37,23 @@ import org.xml.sax.SAXException;
import sun.misc.BASE64Encoder;
import javax.servlet.ServletContext;
import javax.xml.bind.JAXBException;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
import javax.xml.stream.XMLStreamException;
import javax.xml.transform.Transformer;
import javax.xml.transform.TransformerException;
import javax.xml.transform.TransformerFactory;
import javax.xml.transform.dom.DOMSource;
import javax.xml.transform.stream.StreamResult;
import javax.xml.xpath.*;
import java.awt.geom.AffineTransform;
import java.io.*;
import java.util.regex.Pattern;
public class ExporterFactory {
private static final String GROUP_NODE_NAME = "g";
private static final String RECT_NODE_NAME = "rect";
private static final String IMAGE_NODE_NAME = "image";
public static final int MARGING = 50;
private File baseImgDir;
public ExporterFactory(@NotNull final ServletContext servletContext) throws ParserConfigurationException {
@ -61,7 +64,7 @@ public class ExporterFactory {
this.baseImgDir = baseImgDir;
}
public void export(@NotNull ExportProperties properties, @Nullable String xml, @NotNull OutputStream output, @Nullable String mapSvg) throws TranscoderException, IOException, ParserConfigurationException, SAXException, XMLStreamException, TransformerException, JAXBException, ExportException {
public void export(@NotNull ExportProperties properties, @Nullable String xml, @NotNull OutputStream output, @Nullable String mapSvg) throws ExportException, IOException, TranscoderException {
final ExportFormat format = properties.getFormat();
switch (format) {
@ -74,8 +77,7 @@ public class ExporterFactory {
transcoder.addTranscodingHint(ImageTranscoder.KEY_WIDTH, size.getWidth());
// Create the transcoder input.
final Document document = normalizeSvg(mapSvg, false);
final String svgString = domToString(document);
final String svgString = normalizeSvg(mapSvg, false);
final TranscoderInput input = new TranscoderInput(new CharArrayReader(svgString.toCharArray()));
TranscoderOutput trascoderOutput = new TranscoderOutput(output);
@ -95,8 +97,7 @@ public class ExporterFactory {
transcoder.addTranscodingHint(ImageTranscoder.KEY_WIDTH, size.getWidth());
// Create the transcoder input.
final Document document = normalizeSvg(mapSvg, false);
final String svgString = domToString(document);
final String svgString = normalizeSvg(mapSvg, false);
final TranscoderInput input = new TranscoderInput(new CharArrayReader(svgString.toCharArray()));
TranscoderOutput trascoderOutput = new TranscoderOutput(output);
@ -110,10 +111,8 @@ public class ExporterFactory {
final Transcoder transcoder = new PDFTranscoder();
// Create the transcoder input.
final Document document = normalizeSvg(mapSvg, false);
final String svgString = domToString(document);
final String svgString = normalizeSvg(mapSvg, false);
final TranscoderInput input = new TranscoderInput(new CharArrayReader(svgString.toCharArray()));
TranscoderOutput trascoderOutput = new TranscoderOutput(output);
// Save the image.
@ -121,8 +120,8 @@ public class ExporterFactory {
break;
}
case SVG: {
final Document dom = normalizeSvg(mapSvg, true);
output.write(domToString(dom).getBytes("UTF-8"));
final String svgString = normalizeSvg(mapSvg, true);
output.write(svgString.getBytes("UTF-8"));
break;
}
case FREEMIND: {
@ -135,50 +134,56 @@ public class ExporterFactory {
}
}
private Document normalizeSvg(@NotNull String svgXml, boolean embedImg) throws XMLStreamException, ParserConfigurationException, IOException, SAXException, TransformerException {
private String normalizeSvg(@NotNull String svgXml, boolean embedImg) throws ExportException {
final DocumentBuilder documentBuilder = getDocumentBuilder();
if (!svgXml.trim().startsWith("<svg xmlns=\"http://www.w3.org/2000/svg\"")) {
svgXml = svgXml.replaceFirst("<svg ", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" ");
} else {
svgXml = svgXml.replaceFirst("<svg ", "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" ");
}
// Hacks for some legacy cases ....
svgXml = svgXml.replaceAll("NaN,", "0");
svgXml = svgXml.replaceAll(",NaN", "0");
// Bratik do not manage nbsp properly.
svgXml = svgXml.replaceAll(Pattern.quote("&nbsp;")," ");
Document document;
try {
final Reader in = new CharArrayReader(svgXml.toCharArray());
final InputSource is = new InputSource(in);
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
final DocumentBuilder documentBuilder = factory.newDocumentBuilder();
document = documentBuilder.parse(is);
if (!svgXml.trim().startsWith("<svg xmlns=\"http://www.w3.org/2000/svg\"")) {
svgXml = svgXml.replaceFirst("<svg ", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" ");
} else {
svgXml = svgXml.replaceFirst("<svg ", "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" ");
}
// Hacks for some legacy cases ....
svgXml = svgXml.replaceAll("NaN,", "0");
svgXml = svgXml.replaceAll(",NaN", "0");
// Bratik do not manage nbsp properly.
svgXml = svgXml.replaceAll(Pattern.quote("&nbsp;"), " ");
Document document;
try {
final Reader in = new CharArrayReader(svgXml.toCharArray());
final InputSource is = new InputSource(in);
document = documentBuilder.parse(is);
} catch (SAXException e) {
// It must be a corrupted SVG format. Try to hack it and try again ...
svgXml = svgXml.replaceAll("<image([^>]+)>", "<image$1/>");
final Reader in = new CharArrayReader(svgXml.toCharArray());
final InputSource is = new InputSource(in);
document = documentBuilder.parse(is);
}
resizeSVG(document);
final Node child = document.getFirstChild();
inlineImages(document, (Element) child);
return domToString(document);
} catch (ParserConfigurationException e) {
throw new ExportException(e);
} catch (IOException e) {
throw new ExportException(e);
} catch (SAXException e) {
// It must be a corrupted SVG format. Try to hack it and try again ...
svgXml = svgXml.replaceAll("<image([^>]+)>", "<image$1/>");
final Reader in = new CharArrayReader(svgXml.toCharArray());
final InputSource is = new InputSource(in);
document = documentBuilder.parse(is);
throw new ExportException(e);
} catch (TransformerException e) {
throw new ExportException(e);
}
fitSvg(document);
final Node child = document.getFirstChild();
fixImageTagHref(document, (Element) child);
return document;
}
private static DocumentBuilder getDocumentBuilder() throws ParserConfigurationException {
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
return factory.newDocumentBuilder();
}
private static String domToString(@NotNull Document document) throws TransformerException {
@ -202,7 +207,7 @@ public class ExporterFactory {
return result.toString();
}
private void fixImageTagHref(@NotNull Document document, @NotNull Element element) {
private void inlineImages(@NotNull Document document, @NotNull Element element) {
final NodeList list = element.getChildNodes();
@ -211,7 +216,7 @@ public class ExporterFactory {
// find all groups
if (GROUP_NODE_NAME.equals(node.getNodeName())) {
// Must continue looking ....
fixImageTagHref(document, (Element) node);
inlineImages(document, (Element) node);
} else if (IMAGE_NODE_NAME.equals(node.getNodeName())) {
@ -281,68 +286,72 @@ public class ExporterFactory {
}
}
private static void fitSvg(Document document) {
// viewBox size
int mapWidth = 1024;
int mapHeight = 768;
// some browser return width and heigth with precision
float currentMaxWidth = 0;
float currentMaxHeight = 0;
private static void resizeSVG(@NotNull Document document) throws ExportException {
final Element svgNode = (Element) document.getFirstChild();
final NodeList list = svgNode.getChildNodes();
try {
XPathFactory xPathfactory = XPathFactory.newInstance();
XPath xpath = xPathfactory.newXPath();
XPathExpression expr = xpath.compile("/svg/g/rect");
for (int i = 0; i < list.getLength(); i++) {
final Node node = list.item(i);
// find all groups
if (GROUP_NODE_NAME.equals(node.getNodeName())) {
final NamedNodeMap groupAttributes = node.getAttributes();
NodeList nl = (NodeList) expr.evaluate(document, XPathConstants.NODESET);
final int length = nl.getLength();
double maxX = 0, minX = 0, minY = 0, maxY = 0;
final String[] transformUnit = getTransformUnit(groupAttributes);
int groupPositionX = Integer.parseInt(transformUnit[0].trim());
int groupPositionY = 0;
if (transformUnit.length > 1) {
groupPositionY = Integer.parseInt(transformUnit[1].trim());
for (int i = 0; i < length; i++) {
final Element rectElem = (Element) nl.item(i);
final Element gElem = (Element) rectElem.getParentNode();
final TransformListParser p = new TransformListParser();
final AWTTransformProducer tp = new AWTTransformProducer();
p.setTransformListHandler(tp);
p.parse(gElem.getAttribute("transform"));
final AffineTransform transform = tp.getAffineTransform();
double yPos = transform.getTranslateY();
if (yPos > 0) {
yPos += Double.parseDouble(rectElem.getAttribute("height"));
}
maxY = maxY < yPos ? yPos : maxY;
minY = minY > yPos ? yPos : minY;
double xPos = transform.getTranslateX();
if (xPos > 0) {
xPos += Double.parseDouble(rectElem.getAttribute("width"));
}
int signumX = Integer.signum(groupPositionX);
int signumY = Integer.signum(groupPositionY);
final NodeList groupChildren = node.getChildNodes();
for (int idx = 0; idx < groupChildren.getLength(); idx++) {
final Node rectNode = groupChildren.item(idx);
float curentHeight = 0;
float curentWidth = 0;
// If has a rect use the rect to calcular the real width of the topic
if (RECT_NODE_NAME.equals(rectNode.getNodeName())) {
final NamedNodeMap rectAttributes = rectNode.getAttributes();
final Node attributeHeight = rectAttributes.getNamedItem("height");
final Node attributeWidth = rectAttributes.getNamedItem("width");
curentHeight = Float.valueOf(attributeHeight.getNodeValue());
curentWidth = Float.valueOf(attributeWidth.getNodeValue());
}
float newMaxWidth = groupPositionX + (curentWidth * signumX);
if (Math.abs(currentMaxWidth) < Math.abs(newMaxWidth)) {
currentMaxWidth = newMaxWidth;
}
float newMaxHeight = groupPositionY + curentHeight * signumY;
if (Math.abs(currentMaxHeight) < Math.abs(newMaxHeight)) {
currentMaxHeight = newMaxHeight;
}
}
maxX = maxX < xPos ? xPos : maxX;
minX = minX > xPos ? xPos : minX;
}
}
svgNode.setAttribute("viewBox", -Math.abs(currentMaxWidth) + " " + -Math.abs(currentMaxHeight) + " " + Math.abs(currentMaxWidth * 2) + " " + Math.abs(currentMaxHeight * 2));
svgNode.setAttribute("width", Float.toString(mapWidth / 2));
svgNode.setAttribute("height", Float.toString(mapHeight / 2));
svgNode.setAttribute("preserveAspectRatio", "xMinYMin");
// Add some extra margin ...
maxX += MARGING;
minX += -MARGING;
maxY += MARGING;
minY += -MARGING;
// Calculate dimentions ...
final double width = maxX + Math.abs(minX);
final double height = maxY + Math.abs(minY);
// Finally, update centers ...
final Element svgNode = (Element) document.getFirstChild();
svgNode.setAttribute("viewBox", minX + " " + minY + " " + width + " " + height);
svgNode.setAttribute("width", Double.toString(width));
svgNode.setAttribute("height", Double.toString(height));
svgNode.setAttribute("preserveAspectRatio", "xMinYMin");
} catch (XPathExpressionException e) {
throw new ExportException(e);
} catch (ParseException e) {
throw new ExportException(e);
} catch (NumberFormatException e) {
throw new ExportException(e);
} catch (DOMException e) {
throw new ExportException(e);
}
}
private static String[] getTransformUnit(NamedNodeMap groupAttributes) {

32
wise-webapp/src/test/java/com/wisemapping/test/export/ExportTest.java
View File

@ -24,15 +24,35 @@ public class ExportTest {
private static final String DATA_DIR_PATH = "src/test/resources/data/svg/";
@Test(dataProvider = "Data-Provider-Function")
public void exportSvgTest(@NotNull final File svgFile, @NotNull final File pngFile, @NotNull final File pdfFile) throws ImporterException, IOException, ExportException, TransformerException, XMLStreamException, JAXBException, SAXException, TranscoderException, ParserConfigurationException {
public void exportSvgTest(@NotNull final File svgFile, @NotNull final File pngFile, @NotNull final File pdfFile, @NotNull final File svgExpFile) throws IOException, ExportException, TranscoderException, ParserConfigurationException {
String svgXml = FileUtils.readFileToString(svgFile, "UTF-8");
final String svgXml = FileUtils.readFileToString(svgFile, "UTF-8");
exportPng(svgFile, pngFile, svgXml);
exportPdf(svgFile, pdfFile, svgXml);
exportSvg(svgFile, svgExpFile, svgXml);
}
private void exportPng(File svgFile, File pngFile, String svgXml) throws ParserConfigurationException, TranscoderException, IOException, SAXException, XMLStreamException, TransformerException, JAXBException, ExportException {
private void exportSvg(File svgFile, File pdfFile, String svgXml) throws IOException, ExportException, TranscoderException, ParserConfigurationException {
final ExportFormat format = ExportFormat.SVG;
final ExportProperties properties = ExportProperties.create(format);
String baseUrl = svgFile.getParentFile().getAbsolutePath() + "/../../../../../../wise-editor/src/main/webapp";
ExporterFactory factory = new ExporterFactory(new File(baseUrl));
// Write content ...
if (pdfFile.exists()) {
// Export mile content ...
final ByteArrayOutputStream bos = new ByteArrayOutputStream();
factory.export(properties, null, bos, svgXml);
} else {
OutputStream outputStream = new FileOutputStream(pdfFile, false);
factory.export(properties, null, outputStream, svgXml);
outputStream.close();
}
}
private void exportPng(File svgFile, File pngFile, String svgXml) throws ParserConfigurationException, ExportException, IOException, TranscoderException {
final ExportFormat format = ExportFormat.PNG;
final ExportProperties properties = ExportProperties.create(format);
final ExportProperties.ImageProperties imageProperties = (ExportProperties.ImageProperties) properties;
@ -52,7 +72,7 @@ public class ExportTest {
}
}
private void exportPdf(File svgFile, File pdfFile, String svgXml) throws ParserConfigurationException, TranscoderException, IOException, SAXException, XMLStreamException, TransformerException, JAXBException, ExportException {
private void exportPdf(File svgFile, File pdfFile, String svgXml) throws ParserConfigurationException, ExportException, IOException, TranscoderException {
final ExportFormat format = ExportFormat.PDF;
final ExportProperties properties = ExportProperties.create(format);
@ -82,11 +102,11 @@ public class ExportTest {
}
});
final Object[][] result = new Object[svgFile.length][3];
final Object[][] result = new Object[svgFile.length][4];
for (int i = 0; i < svgFile.length; i++) {
File freeMindFile = svgFile[i];
final String name = freeMindFile.getName();
result[i] = new Object[]{freeMindFile, new File(DATA_DIR_PATH, name.substring(0, name.lastIndexOf(".")) + ".png"),new File(DATA_DIR_PATH, name.substring(0, name.lastIndexOf(".")) + ".pdf")};
result[i] = new Object[]{freeMindFile, new File(DATA_DIR_PATH, name.substring(0, name.lastIndexOf(".")) + ".png"), new File(DATA_DIR_PATH, name.substring(0, name.lastIndexOf(".")) + ".pdf"), new File(DATA_DIR_PATH, name.substring(0, name.lastIndexOf(".")) + "-exp.svg")};
}
return result;

1325
wise-webapp/src/test/resources/data/svg/bug-nbsp-exp.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 157 KiB

BIN
wise-webapp/src/test/resources/data/svg/bug-nbsp.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/bug-nbsp.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 357 KiB

After

Width:  |  Height:  |  Size: 482 KiB

475
wise-webapp/src/test/resources/data/svg/bug1-exp.svg Normal file
View File

@ -0,0 +1,475 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="true" height="665.0" id="workspace" preserveAspectRatio="xMinYMin" viewBox="-589.0 -329.0 1250.0 665.0" width="1250.0">
<path d="M-384,78 C-393,78 -404,92 -413,92" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M-384,78 C-393,78 -403,63 -412,63" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M-196,78 C-205,78 -216,77 -225,77" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M0,0 C-42,0 -85,77 -127,77 -85,80 -42,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M-303,7 C-312,7 -323,35 -332,35" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M-303,7 C-312,7 -323,7 -332,7" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M-303,7 C-312,7 -322,-22 -331,-22" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M-207,7 C-216,7 -227,7 -236,7" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M0,0 C-42,0 -85,7 -127,7 -85,10 -42,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M427,255 C436,255 447,280 456,280" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M427,255 C436,255 447,253 456,253" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M427,255 C436,255 447,226 456,226" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M283,79 C292,79 303,254 312,254" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M437,133 C446,133 457,199 466,199" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M437,133 C446,133 457,172 466,172" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M437,133 C446,133 457,145 466,145" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M437,133 C446,133 457,118 466,118" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M437,133 C446,133 457,91 466,91" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M437,133 C446,133 457,64 466,64" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M283,79 C292,79 303,132 312,132" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M283,79 C292,79 303,37 312,37" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M441,-17 C450,-17 460,9 469,9" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M441,-17 C450,-17 460,-18 469,-18" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M441,-17 C450,-17 460,-45 469,-45" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M283,79 C292,79 303,-17 312,-17" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M433,-98 C442,-98 453,-72 462,-72" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M433,-98 C442,-98 453,-99 462,-99" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M433,-98 C442,-98 453,-126 462,-126" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M283,79 C292,79 303,-98 312,-98" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M0,0 C42,0 86,78 128,78 86,81 42,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M-224,-61 C-233,-61 -244,-61 -253,-61" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M0,0 C-42,0 -85,-61 -127,-61 -85,-58 -42,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M486,-154 C495,-154 505,-154 514,-154" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M379,-154 C388,-154 398,-154 407,-154" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M280,-206 C289,-206 299,-154 308,-154" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M280,-206 C289,-206 300,-181 309,-181" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M280,-206 C289,-206 299,-208 308,-208" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M280,-206 C289,-206 299,-235 308,-235" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M280,-206 C289,-206 300,-262 309,-262" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M0,0 C42,0 85,-206 127,-206 85,-203 42,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<rect fill="#CC0033" fill-opacity="0.4" height="43" rx="0" ry="0" stroke="#FF9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="199" x="-99" y="-21"/>
<path d="M349,-137 C327,-65 305,7 283,79" fill-opacity="0.4" stroke="#CC0033" stroke-opacity="0.4" stroke-width="1px" style="fill:none " visibility="hidden"/>
<path d="M-152,-103 C-101.33333333333333,-68.66666666666666 -50.66666666666667,-34.333333333333336 0,0" fill-opacity="0.4" stroke="#CC0033" stroke-opacity="0.4" stroke-width="1px" style="fill:none " visibility="hidden"/>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-97,-19) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="45" rx="6.75" ry="6.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" style="cursor: default; " width="199" x="-2" y="-3"/>
<rect fill="#feffff" height="39" rx="5.85" ry="5.85" stroke="#0b5394" stroke-width="2px" style="cursor: default; " width="195" x="0" y="0"/>
<text fill="#3d85c6" font-family="verdana" font-size="13.4375" font-style="normal" font-weight="bold" style="cursor: default; " visibility="visible" x="11" y="11">
<tspan dy="1em" x="11">Diseño de Paginas WEB</tspan>
</text>
<g focusable="true" height="17" preserveAspectRatio="none" transform="translate(011) scale(00.17)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(127,-227) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="27" rx="4.05" ry="4.05" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" style="cursor: move; " width="155" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="151" y1="21" y2="21"/>
<text fill="#ff9900" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="20.25" y="4">
<tspan dy="1em" x="20.25">Ventajas y Beneficios</tspan>
</text>
<ellipse cx="154" cy="21" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(4,4) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGrSURBVDjLvZPZLkNhFIV75zjvYm7VGFNC&#10;qoZUJ+roKUUpjRuqp61Wq0NKDMelGGqOxBSUIBKXWtWGZxAvobr8lWjChRgSF//dv9be+9trCwAI&#10;/vIE/26gXmviW5bqnb8yUK028qZjPfoPWEj4Ku5HBspgAz941IXZeze8N1bottSo8BTZviVWrEh5&#10;46EO03EXpuJOdG63otJbjBKHkEp/Ml6yNYYzpuezWL4s5VMtT8acCMQcb5XL3eJE8VgBlR7BeMGW&#10;9Z4yT9y1CeyucuhdTGDxfftaBO7G4L+zg91UocxVmCiy51NpiP3n2treUPujL8xhOjYOzZYsQWAN&#10;yRYlU4Y9Br6oHd5bDh0bCpSOixJiWx71YY09J5pM/WEbzFcDmHvwwBu2wnikg+lEj4mwBe5bC5h1&#10;OUqcwpdC60dxegRmR06TyjCF9G9z+qM2uCJmuMJmaNZaUrCSIi6X+jJIBBYtW5Cge7cd7sgoHDfD&#10;aAvKQGAlRZYc6ltJlMxX03UzlaRlBdQrzSCwksLRbOpHUSb7pcsnxCCwngvM2Rm/ugUCi84fycr4&#10;l2t8Bb6iqTxSCgNIAAAAAElFTkSuQmCC" y="5"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(309,-279) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="180" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="176" y1="17" y2="17"/>
<text fill="#e06666" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Obtención de clientes y contactos</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKDSURBVDjLjdFNTNJxHAZw69CWHjp16O2A&#10;ZB3S1ovOObaI8NBYuuZAhqjIQkzJoSIZBmSCpVuK/sE/WimU6N9SDM0R66IHbabie1hrg0MK3Zo5&#10;a8vwidgym8w8PKffvp89e35RAKJ2ipp7WDxvjltZ6jwCr5W2bpHHtqUnx+77877jsZxzlO3roAWX&#10;uw5ha1pl9MZdAW2ig8RyXyL8rnx8G6uH387AMnUMC2b6l10BJPdAfWDGhZVREuszT7D6hsTStBND&#10;urO+XQEZnEypx1a28XW2F8HFPqwtOBAYJlCde9EeEZCy4sTN4ksrRA4LZB57vZCfMElUyH4E7Ap8&#10;6r+LwIAGIy03cDr/lDNJGR/zDyBiHGc3i1ODjUIWtqbdIIexVY86kwZ3HijR/86GmqFqJGhPWs8o&#10;TkRvAgb+uZGHhVfRV3UNni41OhU8EDlstBSkwjKjhnmqAg3uUtS6y9Dzvg0ljmKkFCaRm4CJT+/5&#10;OERtG4yqZMEwdQt1biV0EyW4PVEE1dsiiMk8eMn0/w9Wp+PCNK1CQ6iBYeommkIpH5Qhy5AF/6Mr&#10;f4G955tUJlXxtsHieeWQ2LJxvVuAAkoASUcmLugZPqW0qsprEQjDx3sY3ZIMhXt1+DNw77kdmnYK&#10;SsKKx+PfoTQtYX9KtzWG2Rod6aujaJwWHk8+uDawGITeA+SPA7nDQOYgwKcAYhQQajyIY9eQEYE5&#10;feLPyV4jFC8CELkAkWMDQmoDPGsQaWYgzRjEU8vL8GARAV8T099bUwqBdgzS14D4VaiBA8gZALJ/&#10;t6j1Qqu4Hx4sIvChoyDFWZ1RmcyzORJLJsDSzoUyD5Z6FsxKN+iXn/mM5ZLwYJGAX0F/sgCQt3xB&#10;AAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(308,-252) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="115" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="111" y1="17" y2="17"/>
<text fill="#e06666" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Imagen corporativa</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJKSURBVDjLldFfSFNRHAdw88mXnuqtHu/d&#10;ufe2e/dHjUl/YEYRRsFaLViYFkUY+CcDwcqiJAjKoCiKCqRw+GCEa6vIdKOJLBPaiqy9CBlkYUUb&#10;q83Z3f32uzMX0kZ64AvnHM79nN/53RIAJYXC8+wux/EZQRDiFsu6Y8XOFdxkjG3lOE6jgABYrVbw&#10;vFS3BEA6YbNVQTLKWL9hI2RZAWGPFw3IcuVh184axMbDePrEC7vdrgOhJVQgb488MEGdMCH9zozO&#10;lgpwBtMr6kvZogBRUvYH7jdjMrQF09HjON3RDoulgvrAnP8FqFTW1NT8PvkjhamPn6BqQCj0jPog&#10;6894azCwVUUBuqGUDg15vV7oQ1WzFBWJRBzV1Zt0QK/CT8iyggAdsLlce9RkMkFLDdmsmos+Hx4O&#10;wWazgX6xRoi9GHDd4/Hkbs9k0nT7rzygx+FwUBU8hXX+AzBeXG21mOPBYCgHpNMpAmb/ANncXm3t&#10;vtwzCLi6ABi5pazwX1QORHsFtedGC6Y+f899+BcgIuJE/W69kQyN9fLNBUCsz9o/E5aBiILROxyc&#10;jm14Mx7D3NAwSwWkAmvxoYdh9LKAn37xa7LfuCsPTNxT/OqYgpkRGVpYwu2z5Xj+IoL54fUNYLCr&#10;HBgUKCI0yrc+YywPvO42RqcfykgO6YCMLz4TTrbW4Whrm+Z279UYW4PzhwxAQELKJ2HsghR81Gbe&#10;nAd626WV1xrFmq4j4jmav7zUIExWKnwVNaxsLsLygzukjoFTQrq7Qbxyxi2WzvfgNzL+mVcak7Yg&#10;AAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(308,-225) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="63" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="59" y1="17" y2="17"/>
<text fill="#e06666" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Informa</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMCSURBVDjLTdBNaFxVGMbx/zn33plOZjIT&#10;8zmGOnFM1VoNJYFWYi2CtVSMdKUbK+LKhSAGXYhd2m6FQkEXLbiwETcWiq3WpiiSBLRqTa122pEm&#10;MZPmw8lkMt93zrnnXhdJbB54l++Ph0cEQQDAm1/l9gOnHmnbMVzXPnXto32fhueXgAqwChigCBSA&#10;z4ErNpvxPe/pvcnY8PvPdbE9NeUn6spPFF2zU2moNA1zq1W+vVs7DIxuB3riIQFAbt3gCIEtwLIh&#10;7EhSYYklJY4Fgzsj9Cai7WeuLX4stwCjdTxqg+dDRQlKGtabUHI3rtCAf6sGgA/H5hlOR3mq0+my&#10;twHtrSFJrQk11yClwAYsC6QFFgJLgA8IU+anmSLX50uL9wGlehIRi1LDo94MkDLAkiCNwJJgEbCj&#10;/AN/j3/G250D1CZ/5BWdHPsf8JTq64k7lNwADyAAywhksLF9vPI17WvXiAy8TiI9yPrs4zSunH1j&#10;W4NmXzIRJrNiEBIkG88SaKlcJuX8SezRA6zdzRASitZ4klhHKmEDvHjicsS2ZCjsSJQxSAIgIADC&#10;tSnS9i8k0kdoLn1JqEXwz/RttKsKbqP6jATwmqorLEBujkQAAohUJtglrpLofwl38QzCKeLEWtHV&#10;RV+Xl17Y9875rNys32LjY0uwpAAhMfOXSJmrJHYdxb33KdLRqPLDrEzc4PTC4dtD741PA8iDo2Od&#10;nlIn9u9OsVwOmFsxlLKXSOqf6X5yBLV8FisU0Cz3kZ/8ndzAR2Sq3TNb29lGqUPAyG+ZWYoNG2fh&#10;G14dyOP5vSzdPM0D3SHctYfITd1CHvqEhZyLUSq/BUij9dDLB56IfHF8hJOvPcYeLrLn2bcI5ybJ&#10;Xphi+rs17nx/g4n2D4i09VKp1jFaF+430Hp2ebXEufEMbbEI2Zk86q+LpPcepJQvcO/mDM8fv8CD&#10;oX7CNuTXKhitF7YAMXjsVCcwCvQBHf25k0eG0l1i3+60mFPR4HxuSLhOB/FohLZ4C3/cyWWBY9fP&#10;vfsrwH+7HFmMUqkOrwAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(309,-198) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="118" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="114" y1="17" y2="17"/>
<text fill="#cc0000" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Internacionalización</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAH9SURBVDjLlZNBaxNREMcTtTkonvwAHkQP&#10;4kHBj2LBngPiqRUPgpdiDYKlLYVKBRUU2psXQwNBCrVtaowbEjasocuGDRt2l112fUs2pFLroT8P&#10;b22MNdAe5vDezP83M2/mpYDUkalxBjV6gG6B5i0P+UbY8IXmXaJpW8Q90M2fqM7M6QCquIAWvMX3&#10;Ie6BZvapuhMnB0AKJbrNbusXURdCAYqpsunfOAkgDZyjs3+RmjOD68gqbBvK1ms2vPOjAWpwhbo/&#10;zTdPYdf5jmbtIXrQjaUZFpT1A7b0CT546eOAuvMJz4E4hv4e9PpSGMUQdUFEYDug6pA3pijo18k3&#10;rw4AmhkQ92Sw1YFaTfYvEnEoIAglpNGAYl2jUFUGgM3GZ/JrUCqB0QLXk7AwgiAR+wF4vvSZbXi3&#10;ygCwYY5Tb8jSo64M6MYS4IfgBeAmYtuVlSy9/AuwLjLsKAdslaBchlYr6V0kWX1wEnHHAcuGuSWG&#10;x1isrlOucDT/UMj+PR+cJGvHlm/UtuD5wj+A9941KgoUP0KlIkUiktn/iNsdaLWhqcPj+R/DgBX3&#10;DCuNOxQKYBhSHAgJMkz4osDs4iG5WcjmYu7mrOOr/MpIM1+/xdzaNm9WD3mxDNNP4OGjfe5PfeXe&#10;ZI7s5E3Gn46RXRj7/1+QK30WyPBs8XJyHvmZfgPxTEl50XYktwAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(308,-171) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="73" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="69" y1="17" y2="17"/>
<text fill="#e06666" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Captación</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAD0SURBVCjPfdExSwJxHMbx/yTc1NrUy+h1&#10;+AZ6GUJBaYdiKVwopjmYOASiINJgEVFwUFHo4BIiDtql/SPU5BDUQb8Nomh3J8/we4bP8MBPIOYp&#10;exdtPcvyyrO6ETxR5zGwAeiMeOfmxBE8MOKXKsWwA7hjSJceZbJhW1DC5BvJDy+kNRtwzYA2BgYS&#10;nUTEAgr0+aBJC0mbe85i/0AOkw4Gn8SH0Yo2CRGMrYEralyOq/SJzrRtBEJVvMoKyJCSyd3zZh2d&#10;UMZmZOotuYOIuAuYBKbqlgVcKPN7KhvccnRsAYv49/I0ODA9Lgfgcx1+7Vc8y8/+AURAMO9/VDEv&#10;AAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="72" cy="17" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(407,-171) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="81" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="77" y1="17" y2="17"/>
<text fill="#cc0000" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Fidelización</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAH2SURBVDjLjZNLTxNRGIaJv6ZNWeBwkZFL&#10;QtGAC4l/wKULV+7YILeSYukEUhJoSASVuCI0hpAYDSUQCJBSoAaC0wbBUi4aWphpO52Zlpa+nnOq&#10;CAptJ3k3M3me73LOlAAoyZfDqQdOEvyO89/vRcGZ5HeWmySFYdWHVOQN0vE58jrLJMFJ82hewVU4&#10;+bMfqdPxP9VBn+A4D88wP59PwFqmsH7UgeTJEMlsTuIyI5uRsDfCMcmtAtoyhVmOu5kkHZuFsiNA&#10;3XuEi+QCdhxluL0D/SvpoO+vhIksiItNiPqqyXgfIL403gjfoTsIL70gQBdim3VQvz2FFnwOxf8E&#10;8kYF0rIVYqcRM70Vgf/Pe/ohwsutOJdcpBpP4Mek+jPEfbWQVzkG+7tNcNsqt68tkcLZTIzM6YZ2&#10;1IbolgHq9j1o+z04nKhHRnlH2p6A32LCvFD55fIYr960VHgSSqCFVDJBEeugh+zw2jnpc0/5rthu&#10;RMBaioWBqrVrFylXOUpankIi0AjJY0DC3wD9oA9rAnc2bat+n++2UkH8XHaTZfGQlg3QdlsIbIVX&#10;4KSPAv+60L+SO/PECmJiI1lYM9SQBR7b3einfn6kEMwEIZd5Q48sQQt1Qv/xFqt2Tp5x3B8sBmYC&#10;71h926az6njdUR6hMy8O17wqFqb5Bd2o/0SFzIZrAAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="80" cy="17" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(514,-171) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="97" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="93" y1="17" y2="17"/>
<text fill="#660000" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Nuevos clientes</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKDSURBVDjLjdFNTNJxHAZw69CWHjp16O2A&#10;ZB3S1ovOObaI8NBYuuZAhqjIQkzJoSIZBmSCpVuK/sE/WimU6N9SDM0R66IHbabie1hrg0MK3Zo5&#10;a8vwidgym8w8PKffvp89e35RAKJ2ipp7WDxvjltZ6jwCr5W2bpHHtqUnx+77877jsZxzlO3roAWX&#10;uw5ha1pl9MZdAW2ig8RyXyL8rnx8G6uH387AMnUMC2b6l10BJPdAfWDGhZVREuszT7D6hsTStBND&#10;urO+XQEZnEypx1a28XW2F8HFPqwtOBAYJlCde9EeEZCy4sTN4ksrRA4LZB57vZCfMElUyH4E7Ap8&#10;6r+LwIAGIy03cDr/lDNJGR/zDyBiHGc3i1ODjUIWtqbdIIexVY86kwZ3HijR/86GmqFqJGhPWs8o&#10;TkRvAgb+uZGHhVfRV3UNni41OhU8EDlstBSkwjKjhnmqAg3uUtS6y9Dzvg0ljmKkFCaRm4CJT+/5&#10;OERtG4yqZMEwdQt1biV0EyW4PVEE1dsiiMk8eMn0/w9Wp+PCNK1CQ6iBYeommkIpH5Qhy5AF/6Mr&#10;f4G955tUJlXxtsHieeWQ2LJxvVuAAkoASUcmLugZPqW0qsprEQjDx3sY3ZIMhXt1+DNw77kdmnYK&#10;SsKKx+PfoTQtYX9KtzWG2Rod6aujaJwWHk8+uDawGITeA+SPA7nDQOYgwKcAYhQQajyIY9eQEYE5&#10;feLPyV4jFC8CELkAkWMDQmoDPGsQaWYgzRjEU8vL8GARAV8T099bUwqBdgzS14D4VaiBA8gZALJ/&#10;t6j1Qqu4Hx4sIvChoyDFWZ1RmcyzORJLJsDSzoUyD5Z6FsxKN+iXn/mM5ZLwYJGAX0F/sgCQt3xB&#10;AAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-223,-82) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="27" rx="4.05" ry="4.05" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="100" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="96" y1="21" y2="21"/>
<text fill="#ff0000" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="20.25" y="4">
<tspan dy="1em" x="20.25">MARKETING</tspan>
</text>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(4,4) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJuSURBVDjLjZDLa1x1GIafc8uZqUlMMmms&#10;LV7SC2hLCoJQ6tou3Lj0T+jGtQjusnLlP1Bw01UJgrqUoAiC2aixDUQl2oC9TjuZSWbOOTPn/L6L&#10;a5MRfOHbvTy8zxe5O8fT3Hv9opt/784ZN0vcqN18F2P9hesPv/5X2d1P3Hj71VF4ctu92nEvttyP&#10;Nj10b/vwh7N/Hu+mTImrzaYLb8PkMcgAwoA4n8PELhzvTgWYgtUPicIh+AQd70Mdo3JS9z8WODr8&#10;mdD9BqsLrDoi61zDBP7nAiPOz5HNv4nXT7HsFOaGip0E1Nuvzbv5rpudcSNx9TryCBn9hvR38EmB&#10;ViPa569OVzC1T9KVj85lL70PPgEt81D+RfXHOu3ld/DWU5J8AC5oYBrAP05X3gMZgg5BC9L2CqE8&#10;IIl38fEILUdk0QoapiioAFbiUoA3WP0cmjEixsyLF/HWMzTvk8wuoNOeaGJouYce/oI1Xbx+QDJ/&#10;Hm2cuv87XpVEzQAvH3F6Keboq2VXpVaxXVPWUw1OlHVI2qvE2SKedXAfIMHJFy9hrS5N7znt618Q&#10;p7PABA/DfHJ0963ed59+FqsYURwj1R4yvIcMfyWdvYI0Tih7NAfP0EaJ82UIAxg/Ipo8obVwiabx&#10;C7EGNsa9bbK5y6Rzl8mWrlEd3CfJl9BTZ2m98S6Wv0z14A7uExxB5JDR/gZN7RupBNuq+3c/iE9f&#10;IckSwrig6O9RHfa+LX/8csHF12Zmom5n7qdXoCBOHSkfU3T/JtS+Fd2/01k14aap3VBlzYQdU980&#10;5dbVDwf7APufL66K+E0NfkOFNRXfUWPThFv/APJzrlrFns7aAAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="-3" cy="21" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-392,-80) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="143" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="139" y1="19" y2="19"/>
<text fill="#e06666" font-family="verdana" font-size="10.75" font-style="italic" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">son una herramienta de:</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(03) scale(00.13)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(128,57) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="27" rx="4.05" ry="4.05" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="158" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="154" y1="21" y2="21"/>
<text fill="#00ff00" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="20.25" y="4">
<tspan dy="1em" x="20.25">Tipos de Paginas WEB</tspan>
</text>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(4,4) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAItSURBVDjLfVM7bBNBEH27d7alOKfYjsM3&#10;gFLjRCAgiAoFBAIhQUNJh0SLqGgpEQW2a6LQ8VGgAAqUBqWk4bAbDEgoNCALJNtJlKDzfZaZ2bNF&#10;UJI9zc7d7c57b3ZmlTEGuw3f9x9HUXQjDEOXPMiL9ft99s/UTgDNZnOMAuYLhcL1XG4EAQUhSSC7&#10;KaZYLGBp6S3c7YIbjcYlDi6Xywfz+TxWvv8AsyeJQWISAjKICSwIAritViuI4zhLJpsGMtl3u93/&#10;JaPT6RJQggsXL8s/l4MnJw+j11sVdsOPYZVGjD+IE6XiGN68foWjlePCzmuigFE5+O68T9sUlKLZ&#10;TuLZ1tfW8ODWKWH86L8Hq91/5ZpVwFKZlTcWS+PQWkOR6dT4nQFMYhkrMyfl3aRnoFkBfROAhuM4&#10;W0ynngcfHjP+9law0KtJWqIgTMujtILjukN28ZwCeVs5y7jw5RE21iNRIQA88YFwCsw4tWdE8rdD&#10;4edqlCqwjHfG7yEpWUAmFwCd5sn27ev2HeloRwBsL9hKDRVkMi7u3zwm5QnDCJubgTBksxlKw0j3&#10;aWXXYo5MyygKKK+Hy8vvzg4ahXzJ87wprk673Q5IXY5T47jK9AyOHDogivbtnZBm23IX6vX6bQK5&#10;Onv6zDnPK+Dli6d/qOZP6Hxm6f/0v13KRmufhwC1Wm2CSvZrbu48Rj2PNsRwHU2g1Y1qtTq6020d&#10;XiaS3iH7sLj4/MSg/1PGT7td97+G8aA4FJOt1wAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="157" cy="21" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(312,-117) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" style="cursor: move; " width="124" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="120" y1="19" y2="19"/>
<text fill="#023bb9" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">Por su audiencia</tspan>
</text>
<ellipse cx="123" cy="19" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJkSURBVDjLhVLPSxRhGH5mf8yOs9O6aa2b&#10;6BJhsW3RilAXDSW65clDdgwkEBH/gIiI6FC3uoRBQYeooP4Aw9isQ2xG5YZEVFrINmnFto67s7sz&#10;33xf76wedEfwgxdm4H1+vO/zSkIINL7Bax/PpxLRkXhUTVuMY/7Hci4z++2e/njofmNvYDvwqe72&#10;6/2pcJsa9MMhgd7D4T5NUQ8GBibBZka3kPgaCZKk7IKbVT8qNodpcUToe6g33tadOjCyo4NYREkr&#10;pGyYHLYDMEfArHFoioTE/o70jgRVC3AIZDMqLogA9fKR12qVefblGWHui54rmDZCsoSaLVClUkMS&#10;VlYZZl7P53YkyGQ/T9+dWqoaFY6K5ZaDEo1w42GOVWaz7xv7pc0x9kxkh/uOxa6c6JSSnDz/MgJg&#10;FGM0ZCLALTzKrhZePnh1S+gXr3p2cHQ0kx7oSVwePtmWbNUCKFsCKb6+i3K1GXKQY2JfrCW/XJqQ&#10;fGNvBL/9bMsILRF1/MzxWGo3RfbHoK3VjUkgDlhEsqDXEKJ0Lgx2tSJ56JJnB13tLf3NYR9+F20C&#10;CwJSuSnw9W8hJHxdMtHeqiAYix/xEGia0ilLPuRXKnVVx41vYwRG6XEOGGsMst8PWVF3eXZgWUyi&#10;xChvCc6GMiNwja7RJjR3x3GLRFwyj4PFvPFzQTehNUn1f4e6LIfXCdxDovGR2BvEh+9lVArFNQ/B&#10;dCY/Pjq5eGfqbQGC1IPkpEkGwnREMvl09/DkxQpuPs0beDd3ets7cF/HuefL8ViU7YnIYbpcTS+Y&#10;0P9apXLe+IeSWRSfzvZs7v8PV6U0ly704DwAAAAASUVORK5CYII=" y="5"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(462,-143) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="66" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="62" y1="17" y2="17"/>
<text fill="#3d85c6" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Públicos</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKDSURBVDjLjdFNTNJxHAZw69CWHjp16O2A&#10;ZB3S1ovOObaI8NBYuuZAhqjIQkzJoSIZBmSCpVuK/sE/WimU6N9SDM0R66IHbabie1hrg0MK3Zo5&#10;a8vwidgym8w8PKffvp89e35RAKJ2ipp7WDxvjltZ6jwCr5W2bpHHtqUnx+77877jsZxzlO3roAWX&#10;uw5ha1pl9MZdAW2ig8RyXyL8rnx8G6uH387AMnUMC2b6l10BJPdAfWDGhZVREuszT7D6hsTStBND&#10;urO+XQEZnEypx1a28XW2F8HFPqwtOBAYJlCde9EeEZCy4sTN4ksrRA4LZB57vZCfMElUyH4E7Ap8&#10;6r+LwIAGIy03cDr/lDNJGR/zDyBiHGc3i1ODjUIWtqbdIIexVY86kwZ3HijR/86GmqFqJGhPWs8o&#10;TkRvAgb+uZGHhVfRV3UNni41OhU8EDlstBSkwjKjhnmqAg3uUtS6y9Dzvg0ljmKkFCaRm4CJT+/5&#10;OERtG4yqZMEwdQt1biV0EyW4PVEE1dsiiMk8eMn0/w9Wp+PCNK1CQ6iBYeommkIpH5Qhy5AF/6Mr&#10;f4G955tUJlXxtsHieeWQ2LJxvVuAAkoASUcmLugZPqW0qsprEQjDx3sY3ZIMhXt1+DNw77kdmnYK&#10;SsKKx+PfoTQtYX9KtzWG2Rod6aujaJwWHk8+uDawGITeA+SPA7nDQOYgwKcAYhQQajyIY9eQEYE5&#10;feLPyV4jFC8CELkAkWMDQmoDPGsQaWYgzRjEU8vL8GARAV8T099bUwqBdgzS14D4VaiBA8gZALJ/&#10;t6j1Qqu4Hx4sIvChoyDFWZ1RmcyzORJLJsDSzoUyD5Z6FsxKN+iXn/mM5ZLwYJGAX0F/sgCQt3xB&#10;AAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(462,-116) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="52" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="48" y1="17" y2="17"/>
<text fill="#3d85c6" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">Extranet</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(462,-89) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="51" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="47" y1="17" y2="17"/>
<text fill="#3d85c6" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">Intranet</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(312,-36) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" style="cursor: move; " width="131" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="127" y1="19" y2="19"/>
<text fill="#023bb9" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">Por su dinamismo</tspan>
</text>
<ellipse cx="130" cy="19" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHySURBVDjLtZPvT1JxFMb5O/gHskVzrrV+&#10;mFZomDdEDGkYKSXlRleY6IzcFdQ7lBgYeaELBNjFEpbWi9psRU7JnCa3VYTV/WfY01davkFk0/Xi&#10;vDp7Ps/Zc86RAZAdpmT/BWDLmun+5ZuS5X0P+paMML82SKZXeroqYGDttty22it6Po8iWeCxIAlI&#10;/5pF9Osj3M8MwPCsXex8ekVeEWAlYn+OxaKUxNx2FKmfcTzfjiH2ncNsnsfIOzu00RZxT4B1pZee&#10;3GTw4vdfVyEfxkTWAdfyMMJfHiL2LYgImcSyeAstgQt0GeBuxiQl8iEIP/iSW/eCrtiV0rLXkm3s&#10;1ThVnN6cQkj0w511osl7TioD9L29QcaNY64QhWvlHrrmtey/niasclCcEqrp81B669HoPo0yAEma&#10;BBcpuTOZQegF9S6gdUaJqms0vdRL3JYXQdEHLueD9snlovpxc2qnd8nfiIues9gXYEx30INLFvAk&#10;sB1IIPcAd9LdaPY1oEcw4HqiE2ecJ7DvHegSlGh/Y0FgywP3uhPeDRae9TG4P7nArjHQ8W2oG1Kg&#10;IkATUcmpYJNonjeC+TCMyZJwFOMfR+BadaCdo3DcdhRVT5kkTZOkC/VjJ3GKqUNHSA3NTCsR1+BA&#10;z1RrPwaFtQYH/kZF/5GKa/wDDtK86rC6fMkAAAAASUVORK5CYII=" y="5"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(469,-62) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="105" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="101" y1="17" y2="17"/>
<text fill="#3d85c6" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Por su estructura</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFOSURBVDjLtVK7SgNRED0b9iuM2lr4QK1D&#10;QIyk0FZsJAj+gH+ilRZb2NjaRHTLmA9QFKz9huzm7t37Hu+u7IJgQjR6YLjDzOXMmcMERIR5EE5q&#10;XA4z4sqACYWEC5wfLQXf/WtMIuDSoL0A7DZDjBj/uYI0l8jzEEJYJMkvCEZM4PqZIxlzpGk+kSCY&#10;18TGtGYcx9Tv96dOqBUMBgNyzsFaC621312Ac+59yJFlGRhj5VvVoigKvniglEK32w1mkd3r9ejP&#10;PAjOhqdknYX18p1/rzo3pYqTh0OSRkJI5UMgPn4s61sX66SkhtEGcISGsQad5gH2FvehfV5BaIF2&#10;cwet5RZyKeu68pe5ubKG7dUNP5AQGltMN57Mosgr5EIiVQmYGvtc1PVicqHY+dXpk8Dg7v22XKFo&#10;1ARe9v1bDOlXKKKCs4Sn1xdU1v3vIc2CD3bN4xJjfJWvAAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(469,-35) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="111" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="107" y1="17" y2="17"/>
<text fill="#3d85c6" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Sitios Interactivos</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIzSURBVDjLhZNbbtpQEIazgaygG4nUjXRH&#10;3QAySvvSKokEgeaBSBGFXJqAQkMxYCA03EJMzcWxCb6AAYP9d46BhqRURfqw5Zn5z5y5bAHYWufd&#10;++hbwkdkCYUYEBXCz2yv/dcDtwmOsL/yIkotHU11irY5g9QfIp5tgdmWPtsvBJbB0YOLCuaOC0kH&#10;jtIGvhQMfO9PMSYnh2A25sN8VyIrAY4ZNBvezyTvvUsNn66fIGgOXPpGD+jOwr4U4TwBetkhHLFv&#10;Yy+loqounE74MfxnKupDeBn06M+k55ThukzAYbHe6TG630lBx8dLBbsXCooSUOsBqapJ15mgPwFk&#10;EtAplcEcMIjYoiYcE8gLoobPyUcSkOH/JiOS1XGYqDOHLiOcbMCkoDZlU30ChPYcgqgze54JqLfS&#10;iE6WsUvBH0jkpmEyY4d4s6RT6U0QoaKGMppHUbKYj/pHwH8ugzvtwXfaRfr+b4HiLwshXsf+zYDo&#10;o7AmkM8/DMCdd73gIKlXVRcs7dUVDhMNJBssgyGOSxai5RFyzecreEW8vh9DkIGWBTQMQgMqjxOU&#10;OhOkmjOEciPs02wEMiYSJLZeRK+NNrVGph7dDQC+C1yJQLw+x/HtFOG8hQBv4eCHiSBvkrD93Mb1&#10;QVKoXYICJCg4VnMRKc8QFsYIZhfBAd5AWrRfDtLrUZYMFznKIF6bI1JcnH4k0C7cWfgp25tHedMy&#10;ZR90lLtTrwYZKgj79s9l+s86K8t336Z1/g2YLh6PHfCmogAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(469,-8) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="98" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="94" y1="17" y2="17"/>
<text fill="#3d85c6" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Sitios estáticos</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMCSURBVDjLTdBNaFxVGMbx/zn33plOZjIT&#10;8zmGOnFM1VoNJYFWYi2CtVSMdKUbK+LKhSAGXYhd2m6FQkEXLbiwETcWiq3WpiiSBLRqTa122pEm&#10;MZPmw8lkMt93zrnnXhdJbB54l++Ph0cEQQDAm1/l9gOnHmnbMVzXPnXto32fhueXgAqwChigCBSA&#10;z4ErNpvxPe/pvcnY8PvPdbE9NeUn6spPFF2zU2moNA1zq1W+vVs7DIxuB3riIQFAbt3gCIEtwLIh&#10;7EhSYYklJY4Fgzsj9Cai7WeuLX4stwCjdTxqg+dDRQlKGtabUHI3rtCAf6sGgA/H5hlOR3mq0+my&#10;twHtrSFJrQk11yClwAYsC6QFFgJLgA8IU+anmSLX50uL9wGlehIRi1LDo94MkDLAkiCNwJJgEbCj&#10;/AN/j3/G250D1CZ/5BWdHPsf8JTq64k7lNwADyAAywhksLF9vPI17WvXiAy8TiI9yPrs4zSunH1j&#10;W4NmXzIRJrNiEBIkG88SaKlcJuX8SezRA6zdzRASitZ4klhHKmEDvHjicsS2ZCjsSJQxSAIgIADC&#10;tSnS9i8k0kdoLn1JqEXwz/RttKsKbqP6jATwmqorLEBujkQAAohUJtglrpLofwl38QzCKeLEWtHV&#10;RV+Xl17Y9875rNys32LjY0uwpAAhMfOXSJmrJHYdxb33KdLRqPLDrEzc4PTC4dtD741PA8iDo2Od&#10;nlIn9u9OsVwOmFsxlLKXSOqf6X5yBLV8FisU0Cz3kZ/8ndzAR2Sq3TNb29lGqUPAyG+ZWYoNG2fh&#10;G14dyOP5vSzdPM0D3SHctYfITd1CHvqEhZyLUSq/BUij9dDLB56IfHF8hJOvPcYeLrLn2bcI5ybJ&#10;Xphi+rs17nx/g4n2D4i09VKp1jFaF+430Hp2ebXEufEMbbEI2Zk86q+LpPcepJQvcO/mDM8fv8CD&#10;oX7CNuTXKhitF7YAMXjsVCcwCvQBHf25k0eG0l1i3+60mFPR4HxuSLhOB/FohLZ4C3/cyWWBY9fP&#10;vfsrwH+7HFmMUqkOrwAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(312,18) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" style="cursor: move; " width="138" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="134" y1="19" y2="19"/>
<text fill="#023bb9" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">Por su profundidad</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAENSURBVDjLpZM/SwNREMTnxBRpFYmctaKC&#10;fwrBSCrRLuL3iEW6+EEUG8XvIVjYWNgJdhFjIXamv3s7u/ssrtO7hFy2fcOPmd03SYwR88xi1cPg&#10;pRdjjDB1mBquju+TMt1CFcDd0V7q4GilAwpnd2A0qCvcHRSdHUBqAYgOyaUGIBQAc4fkNSJIIGgG&#10;j4ZQx4EEAY3waPUiSC5FhLoOQkbQCJvioPQfnN2ctpuNJugKNUWYsMR/gO71yYPk8tRaboGmoCvS&#10;1RQ7/c1sq7f+OBUQcjkPGb9+xmOoF6ckCQb9pmj3rz6pKtPB5e5rmq7tmxk+hqO34e1or0yXTGrj&#10;9sXGs1Ib73efh1WaZN46/wI8JLfHaN24FwAAAABJRU5ErkJggg==" y="5"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(312,113) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" style="cursor: move; " width="128" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="124" y1="19" y2="19"/>
<text fill="#023bb9" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">Por sus objetivos</tspan>
</text>
<ellipse cx="127" cy="19" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAH9SURBVDjLlZNBaxNREMcTtTkonvwAHkQP&#10;4kHBj2LBngPiqRUPgpdiDYKlLYVKBRUU2psXQwNBCrVtaowbEjasocuGDRt2l112fUs2pFLroT8P&#10;b22MNdAe5vDezP83M2/mpYDUkalxBjV6gG6B5i0P+UbY8IXmXaJpW8Q90M2fqM7M6QCquIAWvMX3&#10;Ie6BZvapuhMnB0AKJbrNbusXURdCAYqpsunfOAkgDZyjs3+RmjOD68gqbBvK1ms2vPOjAWpwhbo/&#10;zTdPYdf5jmbtIXrQjaUZFpT1A7b0CT546eOAuvMJz4E4hv4e9PpSGMUQdUFEYDug6pA3pijo18k3&#10;rw4AmhkQ92Sw1YFaTfYvEnEoIAglpNGAYl2jUFUGgM3GZ/JrUCqB0QLXk7AwgiAR+wF4vvSZbXi3&#10;ygCwYY5Tb8jSo64M6MYS4IfgBeAmYtuVlSy9/AuwLjLsKAdslaBchlYr6V0kWX1wEnHHAcuGuSWG&#10;x1isrlOucDT/UMj+PR+cJGvHlm/UtuD5wj+A9941KgoUP0KlIkUiktn/iNsdaLWhqcPj+R/DgBX3&#10;DCuNOxQKYBhSHAgJMkz4osDs4iG5WcjmYu7mrOOr/MpIM1+/xdzaNm9WD3mxDNNP4OGjfe5PfeXe&#10;ZI7s5E3Gn46RXRj7/1+QK30WyPBs8XJyHvmZfgPxTEl50XYktwAAAABJRU5ErkJggg==" y="5"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(466,47) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="84" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="80" y1="17" y2="17"/>
<text fill="#0b5394" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Comerciales</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJuSURBVDjLjZDLa1x1GIafc8uZqUlMMmms&#10;LV7SC2hLCoJQ6tou3Lj0T+jGtQjusnLlP1Bw01UJgrqUoAiC2aixDUQl2oC9TjuZSWbOOTPn/L6L&#10;a5MRfOHbvTy8zxe5O8fT3Hv9opt/784ZN0vcqN18F2P9hesPv/5X2d1P3Hj71VF4ctu92nEvttyP&#10;Nj10b/vwh7N/Hu+mTImrzaYLb8PkMcgAwoA4n8PELhzvTgWYgtUPicIh+AQd70Mdo3JS9z8WODr8&#10;mdD9BqsLrDoi61zDBP7nAiPOz5HNv4nXT7HsFOaGip0E1Nuvzbv5rpudcSNx9TryCBn9hvR38EmB&#10;ViPa569OVzC1T9KVj85lL70PPgEt81D+RfXHOu3ld/DWU5J8AC5oYBrAP05X3gMZgg5BC9L2CqE8&#10;IIl38fEILUdk0QoapiioAFbiUoA3WP0cmjEixsyLF/HWMzTvk8wuoNOeaGJouYce/oI1Xbx+QDJ/&#10;Hm2cuv87XpVEzQAvH3F6Keboq2VXpVaxXVPWUw1OlHVI2qvE2SKedXAfIMHJFy9hrS5N7znt618Q&#10;p7PABA/DfHJ0963ed59+FqsYURwj1R4yvIcMfyWdvYI0Tih7NAfP0EaJ82UIAxg/Ipo8obVwiabx&#10;C7EGNsa9bbK5y6Rzl8mWrlEd3CfJl9BTZ2m98S6Wv0z14A7uExxB5JDR/gZN7RupBNuq+3c/iE9f&#10;IckSwrig6O9RHfa+LX/8csHF12Zmom5n7qdXoCBOHSkfU3T/JtS+Fd2/01k14aap3VBlzYQdU980&#10;5dbVDwf7APufL66K+E0NfkOFNRXfUWPThFv/APJzrlrFns7aAAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(466,74) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="85" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="81" y1="17" y2="17"/>
<text fill="#0b5394" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Informativos</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGgSURBVDjLY/j//z8DJZgsTV+9fAu+uHo8&#10;+GzvXECWAV+c3R//mTn9/ydLu4eka3ZyY/ts63T3k4Xt+4/GlqS74JONY+9Hc5tdH4wsmAmGgWv9&#10;xQKX2nMPnapOF4A1WzsEfjSzefLB0FwUHoi/szPX/05P/f0rOWk9ugHONWefzNl44X/B/L3/o7LX&#10;nn1h4fitN6i22Tx7W5tpxqYHxmnrChh+p6X+/rd10/+fsbF/f0REmiE0n7F3rDz5wb7s6Bu3gt3V&#10;z80db69zTd1mlr11tUnGxt89Cw/8N0ha9YDhZ2LC+p8xMb9/hEdc+h4Ucu+br//JFXFNi5zKjz20&#10;KztiDzIMGFgzP+iZboQZbpSypsAgaeUjvfilqIEI9C9bf8rk3Wd8kz59sHV+BQysa8DA+vNe1+Tr&#10;ew0DfrwJCehfCceqU8fsy48ttS05xAkMLANgYP39N23K/3fq+n9wpkTXugsFQP8+B/r3DdC/pciS&#10;77WN1r9T0/v9Vkl7PU4DnKrPPJi85uJ/oH9fkpUXHCqOF9iVHn5gU7S/gG6ZiaoGAADG9LhB7Kzu&#10;8AAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(466,101) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="50" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="46" y1="17" y2="17"/>
<text fill="#0b5394" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Ocio</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIsSURBVDjLnZPNi1JhFMbvKtoHBa1atgmC&#10;tv0VrVq0aCkGCn6mYH47ip8IflAKhibpRke00BnnKiKoiKA7qSkF08FvvToak/f0ngu2qBYzXngu&#10;3Jf3+b3nPee5VCAQcPj9/ucAQB0iyufzPXS73Wd2u/3RQQB8Wa1Wiclkqms0mrsHAQwGwy21Wn2q&#10;UCjOxGLxHVyrVCpHpVKJpWmazeVy20wmQyeTyaf/BaAKhcIrkUh04XA4vhSLxTIxX5IHULMCDd+P&#10;kxCLxbaRSETxD6DVamUbjcavWq22LZfLMBqNgGEYuJgs4TxbhG9PHnManuQgGAyypOnv/wCazaat&#10;2+1yJ735pOCMy+USBuMFvPzIwosPAMW3xzDwemA+HHL78vk82Gy2Iw5APtZoms/nHGCv2WwGP4Zz&#10;6AwWsFgsYLVacUI47jUajTvS9GcUaQ6LgL/Ne3U6HSBVgtPpZFHT6ZSrst1ug1Kp/EolEokdUveG&#10;PWAymUA2m4V0Og1kD5AxX1osFo1er2fxGpvNBiQSCVDxeJzp9/tcWWjEcsfjMVSrVUilUth5IEYg&#10;o/6Md1apVDSu46FCoRCoaDR6gp1HIwLQ7PV6ezKZbMnj8YBoKZVKUzqd7h4C5HL5bZKVU4FAMOHz&#10;+U4qHA6/RiJOAgFIJvFmrp3EUCj0gMyVqdfr0Ov1YL1eg8vl2t0oyh6P5x2JKZAwAQkVNuznjQDk&#10;b7xPgnFuNpuvyHyvtFpt+bqA3zDZAQQexaeGAAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(466,128) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="81" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="77" y1="17" y2="17"/>
<text fill="#0b5394" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Navegación</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJ6SURBVDjLjZO7T1NhGMY7Mji6uJgYt8bE&#10;lTjof6CDg4sMSqIxJsRGB5F4TwQSIg1QKC0KWmkZEEsKtEcSxF5ohV5pKSicXqX3aqGn957z+PUE&#10;GopiGJ583/A+v3znvPkJAAjWR0VNJG0kGhKahCFhXcN3YBFfx8Kry6ym4xIzce88/fbWGY2k5WRb&#10;77UTTbWuYA9gDGg7EVmSIOF4g5T7HZKuMcSW5djWDyL0uRf0dCc8inYYxTcw9fAiCMBYB3gVj1z7&#10;gLhNTjKCqHkYP79KENC9Bq3uxrrqORzy+9D3tPAAccspVx1gWg0KbaZFbGllWFM+xrKkFQudV0Ce&#10;DfJsjN4+C2nracjunoPq5VXIBrowMK4V1gG1LGyWdbZwCalsBYUyh2KFQzpXxVqkAGswD3+qBDpZ&#10;wow9iYE5v26/VwfUQnnznyhvjguQYabIIpKpYD1ahI8UTT92MUSFuP5Z/9TBTgOgFrVjp3nakaG/&#10;0VmEfpX58pwzjUEquNk362s+PP8XYD/KpYTBHmRg9Wch0QX1R80dCZhYipudYQY2Auib8RmODVCa&#10;4hfUK4ngaiiLNFNFdKeCWWscXZMbWy9Unv9/gsIQU09a4pwvUeA3Uapy2C2wCKXL0DqTePLexbWP&#10;Ov79E8f0UWrencZ2poxciUWZlKssB4bcHeE83NsFuMgpo2iIpMuNa1TNu4XjhggWvb+R2K3wZdLl&#10;AZl8Fd9jRb5sD+Xx0RJBx5gdom6VsMEFDyWF0WyCeSOFcDKPnRxZYTQL5Rc/nn1w4oFsBaIhC3r6&#10;FRh5erPRhYMyHdeFw4C6zkRhmijM7CnMu0AUZonCDCnRJBqSus5/ABD6Ba5CkQS8AAAAAElFTkSu&#10;QmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(466,155) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="73" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="69" y1="17" y2="17"/>
<text fill="#0b5394" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Artísticos</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAH9SURBVDjLlZNBaxNREMcTtTkonvwAHkQP&#10;4kHBj2LBngPiqRUPgpdiDYKlLYVKBRUU2psXQwNBCrVtaowbEjasocuGDRt2l112fUs2pFLroT8P&#10;b22MNdAe5vDezP83M2/mpYDUkalxBjV6gG6B5i0P+UbY8IXmXaJpW8Q90M2fqM7M6QCquIAWvMX3&#10;Ie6BZvapuhMnB0AKJbrNbusXURdCAYqpsunfOAkgDZyjs3+RmjOD68gqbBvK1ms2vPOjAWpwhbo/&#10;zTdPYdf5jmbtIXrQjaUZFpT1A7b0CT546eOAuvMJz4E4hv4e9PpSGMUQdUFEYDug6pA3pijo18k3&#10;rw4AmhkQ92Sw1YFaTfYvEnEoIAglpNGAYl2jUFUGgM3GZ/JrUCqB0QLXk7AwgiAR+wF4vvSZbXi3&#10;ygCwYY5Tb8jSo64M6MYS4IfgBeAmYtuVlSy9/AuwLjLsKAdslaBchlYr6V0kWX1wEnHHAcuGuSWG&#10;x1isrlOucDT/UMj+PR+cJGvHlm/UtuD5wj+A9941KgoUP0KlIkUiktn/iNsdaLWhqcPj+R/DgBX3&#10;DCuNOxQKYBhSHAgJMkz4osDs4iG5WcjmYu7mrOOr/MpIM1+/xdzaNm9WD3mxDNNP4OGjfe5PfeXe&#10;ZI7s5E3Gn46RXRj7/1+QK30WyPBs8XJyHvmZfgPxTEl50XYktwAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(466,182) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="78" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="74" y1="17" y2="17"/>
<text fill="#0b5394" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="16.75" y="3">
<tspan dy="1em" x="16.75">Personales</tspan>
</text>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(3,3) scale(0.11,0.11)" width="11">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJkSURBVDjLhVLPSxRhGH5mf8yOs9O6aa2b&#10;6BJhsW3RilAXDSW65clDdgwkEBH/gIiI6FC3uoRBQYeooP4Aw9isQ2xG5YZEVFrINmnFto67s7sz&#10;33xf76wedEfwgxdm4H1+vO/zSkIINL7Bax/PpxLRkXhUTVuMY/7Hci4z++2e/njofmNvYDvwqe72&#10;6/2pcJsa9MMhgd7D4T5NUQ8GBibBZka3kPgaCZKk7IKbVT8qNodpcUToe6g33tadOjCyo4NYREkr&#10;pGyYHLYDMEfArHFoioTE/o70jgRVC3AIZDMqLogA9fKR12qVefblGWHui54rmDZCsoSaLVClUkMS&#10;VlYZZl7P53YkyGQ/T9+dWqoaFY6K5ZaDEo1w42GOVWaz7xv7pc0x9kxkh/uOxa6c6JSSnDz/MgJg&#10;FGM0ZCLALTzKrhZePnh1S+gXr3p2cHQ0kx7oSVwePtmWbNUCKFsCKb6+i3K1GXKQY2JfrCW/XJqQ&#10;fGNvBL/9bMsILRF1/MzxWGo3RfbHoK3VjUkgDlhEsqDXEKJ0Lgx2tSJ56JJnB13tLf3NYR9+F20C&#10;CwJSuSnw9W8hJHxdMtHeqiAYix/xEGia0ilLPuRXKnVVx41vYwRG6XEOGGsMst8PWVF3eXZgWUyi&#10;xChvCc6GMiNwja7RJjR3x3GLRFwyj4PFvPFzQTehNUn1f4e6LIfXCdxDovGR2BvEh+9lVArFNQ/B&#10;dCY/Pjq5eGfqbQGC1IPkpEkGwnREMvl09/DkxQpuPs0beDd3ets7cF/HuefL8ViU7YnIYbpcTS+Y&#10;0P9apXLe+IeSWRSfzvZs7v8PV6U0ly704DwAAAAASUVORK5CYII=" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(312,235) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" style="cursor: move; " width="118" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="114" y1="19" y2="19"/>
<text fill="#023bb9" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">Por su apertura</tspan>
</text>
<ellipse cx="117" cy="19" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEGSURBVDjLpZM/LwRRFMXPspmEaGc1shHR&#10;aiXsJ5GIRixbCr6SikxIlqgJM5UohIiGdofovHf/PZVmYwZvTntPfjnn3txWCAFNNFE33L/ZKXYv&#10;+1dRgL3r7bu0PbucJp3e4GLjtsrXGq9wkA8SU7tPk87i/MwCzAyP5QNeytcnJl46XMuoNoGKDoVl&#10;TkQhJpAgmJqcBjnqkqPTXxN8qz9cD6vdHtQMxXOBt49y5XjzLB/3tau6kWewKiwoRu8jZFvn+U++&#10;GgCBlWFBQY4qr1ANcAQxgQaFjwH4TwYrQ5skYBOYKbzjiASOwCrNd2BBwZ4jAcowGJgkAuAZ2dEJ&#10;hAUqij//wn/1BesSumImTttSAAAAAElFTkSuQmCC" y="5"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(456,209) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="45" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="41" y1="17" y2="17"/>
<text fill="#bf9000" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">abierta</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(456,236) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="48" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="44" y1="17" y2="17"/>
<text fill="#bf9000" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">cerrada</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(456,263) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="69" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="65" y1="17" y2="17"/>
<text fill="#bf9000" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">semicerrada</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-206,-14) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="27" rx="4.05" ry="4.05" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="83" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="79" y1="21" y2="21"/>
<text fill="#e69138" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Importancia</tspan>
</text>
<ellipse cx="-3" cy="21" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(04) scale(00.13)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-302,-12) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="70" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="66" y1="19" y2="19"/>
<text fill="#b45f06" font-family="verdana" font-size="10.75" font-style="italic" font-weight="normal" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">internet</tspan>
</text>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAItSURBVDjLfVM7bBNBEH27d7alOKfYjsM3&#10;gFLjRCAgiAoFBAIhQUNJh0SLqGgpEQW2a6LQ8VGgAAqUBqWk4bAbDEgoNCALJNtJlKDzfZaZ2bNF&#10;UJI9zc7d7c57b3ZmlTEGuw3f9x9HUXQjDEOXPMiL9ft99s/UTgDNZnOMAuYLhcL1XG4EAQUhSSC7&#10;KaZYLGBp6S3c7YIbjcYlDi6Xywfz+TxWvv8AsyeJQWISAjKICSwIAritViuI4zhLJpsGMtl3u93/&#10;JaPT6RJQggsXL8s/l4MnJw+j11sVdsOPYZVGjD+IE6XiGN68foWjlePCzmuigFE5+O68T9sUlKLZ&#10;TuLZ1tfW8ODWKWH86L8Hq91/5ZpVwFKZlTcWS+PQWkOR6dT4nQFMYhkrMyfl3aRnoFkBfROAhuM4&#10;W0ynngcfHjP+9law0KtJWqIgTMujtILjukN28ZwCeVs5y7jw5RE21iNRIQA88YFwCsw4tWdE8rdD&#10;4edqlCqwjHfG7yEpWUAmFwCd5sn27ev2HeloRwBsL9hKDRVkMi7u3zwm5QnDCJubgTBksxlKw0j3&#10;aWXXYo5MyygKKK+Hy8vvzg4ahXzJ87wprk673Q5IXY5T47jK9AyOHDogivbtnZBm23IX6vX6bQK5&#10;Onv6zDnPK+Dli6d/qOZP6Hxm6f/0v13KRmufhwC1Wm2CSvZrbu48Rj2PNsRwHU2g1Y1qtTq6020d&#10;XiaS3iH7sLj4/MSg/1PGT7td97+G8aA4FJOt1wAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="-3" cy="19" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-452,-41) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="125" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="121" y1="19" y2="19"/>
<text fill="#cc0000" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">medio de difusion</tspan>
</text>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAH+SURBVBgZBcE9i11VGAbQtc/sO0OCkqhg&#10;hEREAwpWAWUg8aMVf4KFaJEqQtAipTZWViKiCGOh2Ap2gmJhlSIWFsFOxUK0EsUM3pl79n4f12qH&#10;b3z3Fh7D83gC95GOJsDe0ixLk5Qq/+xv/Lw9Xd+78/HLX3Y8fXTr2nWapy4eCFKxG7Fby97SnDlY&#10;tMbxthyfzHO//nl85fNvfvnk8MbX5xa8IHx1518Vkrj54Q+qQms2vVmWZjdiu5ZR2rT01166/NCZ&#10;g/2PFjwSVMU6yjoC1oq+x6Y3VbHdlXWExPd379nf7Nmejv2Os6OC2O4KLK0RNn3RNCdr2Z5GJSpU&#10;4o+/TkhaJ30mEk5HwNuvX7Hpi76wzvjvtIwqVUSkyjqmpHS0mki8+9mPWmuWxqYvGkbFGCUAOH/+&#10;QevYI9GFSqmaHr5wkUYTAlGhqiRRiaqiNes6SOkwJwnQEqBRRRJEgkRLJGVdm6R0GLMQENE0Ekmk&#10;SkQSVVMqopyuIaUTs0J455VLAAAAAODW0U/GiKT0pTWziEj44PZ1AAAAcPPqkTmH3QiJrlEVDXDt&#10;0qsAAAAAapa5BqUnyaw0Am7//gUAAAB49tEXzTmtM5KkV/y2G/X4M5fPao03n/sUAAAAwIX7y5yB&#10;v9vhjW/fT/IkuSp5gJKElKRISYoUiSRIyD1tufs/IXxui20QsKIAAAAASUVORK5CYII=" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-398,-12) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="70" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="66" y1="19" y2="19"/>
<text fill="#cc0000" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">popular</tspan>
</text>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKDSURBVDjLjdFNTNJxHAZw69CWHjp16O2A&#10;ZB3S1ovOObaI8NBYuuZAhqjIQkzJoSIZBmSCpVuK/sE/WimU6N9SDM0R66IHbabie1hrg0MK3Zo5&#10;a8vwidgym8w8PKffvp89e35RAKJ2ipp7WDxvjltZ6jwCr5W2bpHHtqUnx+77877jsZxzlO3roAWX&#10;uw5ha1pl9MZdAW2ig8RyXyL8rnx8G6uH387AMnUMC2b6l10BJPdAfWDGhZVREuszT7D6hsTStBND&#10;urO+XQEZnEypx1a28XW2F8HFPqwtOBAYJlCde9EeEZCy4sTN4ksrRA4LZB57vZCfMElUyH4E7Ap8&#10;6r+LwIAGIy03cDr/lDNJGR/zDyBiHGc3i1ODjUIWtqbdIIexVY86kwZ3HijR/86GmqFqJGhPWs8o&#10;TkRvAgb+uZGHhVfRV3UNni41OhU8EDlstBSkwjKjhnmqAg3uUtS6y9Dzvg0ljmKkFCaRm4CJT+/5&#10;OERtG4yqZMEwdQt1biV0EyW4PVEE1dsiiMk8eMn0/w9Wp+PCNK1CQ6iBYeommkIpH5Qhy5AF/6Mr&#10;f4G955tUJlXxtsHieeWQ2LJxvVuAAkoASUcmLugZPqW0qsprEQjDx3sY3ZIMhXt1+DNw77kdmnYK&#10;SsKKx+PfoTQtYX9KtzWG2Rod6aujaJwWHk8+uDawGITeA+SPA7nDQOYgwKcAYhQQajyIY9eQEYE5&#10;feLPyV4jFC8CELkAkWMDQmoDPGsQaWYgzRjEU8vL8GARAV8T099bUwqBdgzS14D4VaiBA8gZALJ/&#10;t6j1Qqu4Hx4sIvChoyDFWZ1RmcyzORJLJsDSzoUyD5Z6FsxKN+iXn/mM5ZLwYJGAX0F/sgCQt3xB&#10;AAAAAElFTkSuQmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-414,16) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="86" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="82" y1="19" y2="19"/>
<text fill="#cc0000" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">economico</tspan>
</text>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIISURBVDjLlZPRT1JxFMf5E+6fwL9Ri8ls&#10;I5cSV7swL82w0SZTB6zWXOuB0cLU8HKhuAooTNrFupcAsYWjh1sRIaDgTLGXxmubD2w+9Prth29t&#10;XMWH83J+Z5/vOd9zfhoAml7h+mg3ReuhUxIdR37CrVanUXvgvvsOtk4kbJ+kEaos/bkSYCZv0wcr&#10;i7/zrTS2f32AUOX+2nPWACvd1V4KmM7fnxQP1pE+2kSuJUM+EpFpvUOS5MJVHgQSuBCwWuU72eP3&#10;EA8TWCx523NFl+Iv+zrxRgRr+wKeFJ1NVYA9y+o3mjFskbkj9SDGpTGqm2dSJmosZfRYZXPClLxN&#10;qQJsGYt2bS+MbEtCF2SVmQCTukOPikaqbxPnik4l3ohC+ilivbGKcC0Af/klXAVHczhuoC8FmDdp&#10;yl2YUrjyAlmfHytklATpJronwP9jAYbYIN3XHXTDuDGkJ6qeRzsz7XCNh1AjvshmRRXQnZWVmIQx&#10;OfTf5RFV/fw3LyJkC+6d2U5PwOjbEe3Tz4/bQp0/b92WY5VbsZtuQ3SQfpC71+R3/eAqr2ASR7I9&#10;AUSVepibUHhSFCVKQv31uXm+0nPwVQ5dgOfLM+jeXNdf6AFRnZz9NNVeKs8jtr+CCDHvRcmL8bSl&#10;qQtdo/v+TBaZ+RrcXUaQqLMZy+GVf+OAcGPaWXCckW7OBgTdslrdPxtwvK6n/CCRAAAAAElFTkSu&#10;QmCC" y="5"> </image>
</g>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-195,56) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="27" rx="4.05" ry="4.05" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="72" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="68" y1="21" y2="21"/>
<text fill="#9900ff" font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Atractivas</tspan>
</text>
<ellipse cx="-3" cy="21" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(04) scale(00.13)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-383,58) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="162" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="158" y1="19" y2="19"/>
<text fill="#674ea7" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="19.25" y="3">
<tspan dy="1em" x="19.25">Combinacion de Colores</tspan>
</text>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(3,3) scale(0.13,0.13)" width="13">
<image height="90" preserveAspectRatio="none" style="cursor: pointer; " width="90" x="5" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIhSURBVDjLjZPfS1NxGMbPjX9Bl/0PXqQz&#10;IYIEWWIpRFFBQwyNQqhG4VY0dUK0gXQh+KMhu2nKIAkpAu0wkBA0f0QRtoLuFgSbOmSbZ+estsf3&#10;+e6ssE7hxXNz4PM+7/d9nqMB0A6jr3Var2hJlBFZorKochhwUpQmkO65iC3/DWwP3sJO0Av59l/Q&#10;I0qlmuux5buO7EMvcuM+5AInsRdqxo/5ART92j/hqMhIX7uMbOgudu+7YYRdsMaPozRZ1c/EIKwH&#10;miM8KyptD9xEbsyHQvAYSjZozZyC+boDxbeXYKUmkF9vcHQu7QzdRn7KD/OxqwrGW1B8cx7GZheM&#10;L1eVrO8R5N+5/nqzQWfC1miTgs1X7TA+eBT0bdOD5yudCCRaMPF+CEej2oEBKb6Za9ecTb0TRrIb&#10;ewLPLnegd/4E2l824vSLBoQ3AjgypR2IqpJ9dAeF4cbfzgJnPnVhZLEVZ23wSsyHvkgcMf0jzvTP&#10;/RqQZlSF6D11ML6Za9OZcJuA555dQN+TOKb1JGb0z3i6kKwOsBtWZs6Miu7qYPbadCYcjCUUGJ5e&#10;Q09IJ2yKVjlgiQ1jSZgzo+K1eTC+mWvTmbB3dLEGumu344AM68mGqbdLznTntXkwvplr05nwn73h&#10;AIvdZj3V+lISDmBUyj1SdbfXdjsNKPPHYLdVPaVhLAlzZlS8tn0w06n2HFDhX8Ufg91mPdkwloQ5&#10;89K2Vp0G7AOR2a7+EgKeFAAAAABJRU5ErkJggg==" y="5"> </image>
</g>
<ellipse cx="-3" cy="19" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-471,44) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="63" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="59" y1="19" y2="19"/>
<text fill="#c27ba0" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">contraste</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(03) scale(00.13)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-539,73) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="25" rx="3.75" ry="3.75" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="130" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="126" y1="19" y2="19"/>
<text fill="#c27ba0" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">significado de colores</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224,229,239)" height="6" rx="3" ry="3" stroke="rgb(2,59,185)" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="translate(03) scale(00.13)" width="0"/>
</g>
<rect fill="#CC0033" fill-opacity="0.4" height="6" rx="0" ry="0" stroke="#FF9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="50" x="-200" y="-106"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
wise-webapp/src/test/resources/data/svg/bug1.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/bug1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 155 KiB

After

Width:  |  Height:  |  Size: 165 KiB

225
wise-webapp/src/test/resources/data/svg/bug2-exp.svg Normal file
View File

@ -0,0 +1,225 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="true" height="688.0" id="workspace" preserveAspectRatio="xMinYMin" viewBox="-183.0 -341.0 515.0 688.0" width="515.0">
<path d="M 0 0 C 32 0 65 291 97 291 C 65 294 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 65 259 97 259 C 65 262 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 65 228 97 228 C 65 231 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 65 195 97 195 C 65 198 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 162 98 162 C 66 165 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 129 98 129 C 66 132 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 96 98 96 C 66 99 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 63 98 63 C 66 66 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 65 31 97 31 C 65 34 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 26 0 52 6 78 6 C 52 9 26 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 -19 98 -19 C 66 -16 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 -52 98 -52 C 66 -49 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 -85 98 -85 C 66 -82 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 -115 98 -115 C 66 -112 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 -145 98 -145 C 66 -142 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 65 -175 97 -175 C 65 -172 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 -205 98 -205 C 66 -202 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C -33 0 -66 16 -99 16 C -66 19 -33 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 -235 98 -235 C 66 -232 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C -33 0 -66 -15 -99 -15 C -66 -12 -33 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<path d="M 0 0 C 32 0 66 -268 98 -268 C 66 -265 32 5 0 7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill: #495879;" visibility="visible"/>
<rect fill="#cc0033" fill-opacity="0.4" height="42" rx="0" ry="0" stroke="#ff9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="139" x="-69" y="-21"/>
<path fill-opacity="0.4" stroke="#cc0033" stroke-opacity="0.4" stroke-width="1px" style="fill: none;" visibility="hidden"/>
<path d="M -92 -46 C -61.3333 -30.6667 -30.6667 -15.3333 0 0" fill-opacity="0.4" stroke="#cc0033" stroke-opacity="0.4" stroke-width="1px" style="fill: none;" visibility="hidden"/>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-67 -19) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="44" rx="6.6" ry="6.6" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" style="cursor: default;" width="139" x="-2" y="-3"/>
<rect fill="rgb(80, 157, 192)" height="38" rx="5.7" ry="5.7" stroke="rgb(57, 113, 177)" stroke-width="2px" style="cursor: default;" width="135" x="0" y="0"/>
<text fill="#ffffff" font-family="verdana" font-size="13.4375" font-style="normal" font-weight="bold" style="cursor: default;" visibility="visible" x="11" y="11">
<tspan dy="1em" x="11">Script_Bro_P1</tspan>
</text>
<g focusable="true" height="16" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 -291) scale(1)" visibility="visible" width="100">
<rect fill="rgb(244, 184, 45)" fill-opacity="1" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="1" stroke-width="1px" style="cursor: move;" width="104" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="100" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">??????favor</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-133 -25) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="27" rx="4.05" ry="4.05" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="40" x="-2" y="-3"/>
<rect fill="#ff0000" height="21" rx="3.15" ry="3.15" stroke="rgb(2, 59, 185)" stroke-width="2px" style="cursor: move;" width="36" x="0" y="0"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">enter</tspan>
</text>
<ellipse cx="3" cy="3" fill="#ff0000" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 -258) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="124" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="120" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">??/????????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-124 5) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="27" rx="4.05" ry="4.05" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="31" x="-2" y="-3"/>
<rect fill="#ff0000" height="21" rx="3.15" ry="3.15" stroke="rgb(2, 59, 185)" stroke-width="2px" style="cursor: move;" width="27" x="0" y="0"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">exit</tspan>
</text>
<ellipse cx="3" cy="3" fill="#ff0000" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="13" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 -225) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="26" rx="3.9" ry="3.9" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="140" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="136" y1="20" y2="20"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">????????????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(97 -195) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="26" rx="3.9" ry="3.9" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="119" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="115" y1="20" y2="20"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">??????????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 -165) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="26" rx="3.9" ry="3.9" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="140" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="136" y1="20" y2="20"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">????????????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 -135) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="26" rx="3.9" ry="3.9" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="108" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="104" y1="20" y2="20"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">?????????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 -105) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="26" rx="3.9" ry="3.9" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="108" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="104" y1="20" y2="20"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">?????????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 -75) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="126" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="122" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">?????????X?</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 -42) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="116" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="112" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">??--&gt;??????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(78 -14) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="40" rx="6" ry="6" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="40" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(97 11) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="26" rx="3.9" ry="3.9" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="65" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="61" y1="20" y2="20"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">?????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 40) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="94" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="90" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">??--&gt;????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 73) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="50" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="46" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">??tab</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 106) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="184" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="180" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">???&gt;???????-&gt;????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(98 139) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="162" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="158" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">???&gt;????-&gt;javascript</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(97 172) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="147" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="143" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">???&gt;??&gt;??????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(97 205) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="147" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="143" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">???&gt;????&gt;????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(97 239) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="26" rx="3.9" ry="3.9" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="87" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="83" y1="20" y2="20"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">???????</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(97 268) scale(1)" visibility="visible" width="100">
<rect fill="rgb(252, 235, 192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241, 163, 39)" stroke-opacity="0" stroke-width="1px" width="147" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move;" x1="0" x2="143" y1="23" y2="23"/>
<text fill="rgb(82, 92, 97)" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Browser ?call?SM???</tspan>
</text>
<ellipse cx="3" cy="3" fill="rgb(224, 229, 239)" height="6" rx="3" ry="3" stroke="rgb(2, 59, 185)" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="" width="0"/>
</g>
<rect fill="#cc0033" fill-opacity="0.4" height="6" rx="0" ry="0" stroke="#ff9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="50" x="-140" y="-49"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
wise-webapp/src/test/resources/data/svg/bug2.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/bug2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 140 KiB

After

Width:  |  Height:  |  Size: 225 KiB

4379
wise-webapp/src/test/resources/data/svg/bug3-exp.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 510 KiB

BIN
wise-webapp/src/test/resources/data/svg/bug3.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/bug3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 216 KiB

After

Width:  |  Height:  |  Size: 455 KiB

135
wise-webapp/src/test/resources/data/svg/map-3.0-exp.svg Normal file
View File

@ -0,0 +1,135 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="true" height="308.0" id="workspace" preserveAspectRatio="xMinYMin" viewBox="-341.0 -151.0 527.0 308.0" width="527.0">
<path d="M0,0 C-20,0 -41,101 -61,101 -41,104 -20,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M-132,45 C-141,45 -152,68 -161,68" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M-212,29 C-221,29 -232,41 -241,41" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M-212,29 C-221,29 -232,15 -241,15" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M-132,45 C-141,45 -152,28 -161,28" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:none " visibility="visible"/>
<path d="M0,0 C-20,0 -41,44 -61,44 -41,47 -20,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M0,0 C-20,0 -41,-12 -61,-12 -41,-9 -20,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M0,0 C20,0 42,44 62,44 42,47 20,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M0,0 C-20,0 -41,-45 -61,-45 -41,-42 -20,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M0,0 C20,0 42,12 62,12 42,15 20,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M0,0 C-20,0 -41,-78 -61,-78 -41,-75 -20,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<path d="M0,0 C20,0 42,-21 62,-21 42,-18 20,5 0,7 Z" fill="#495879" fill-opacity="1" stroke="#495879" stroke-opacity="1" stroke-width="1px" style="fill:#495879 " visibility="visible"/>
<rect fill="#CC0033" fill-opacity="0.4" height="6" rx="0" ry="0" stroke="#FF9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="50" x="5" y="5"/>
<path fill-opacity="0.4" stroke="#CC0033" stroke-opacity="0.4" stroke-width="1px" style="fill:none " visibility="hidden"/>
<path fill-opacity="0.4" stroke="#CC0033" stroke-opacity="0.4" stroke-width="1px" style="fill:none " visibility="hidden"/>
<rect fill="#CC0033" fill-opacity="0.4" height="6" rx="0" ry="0" stroke="#FF9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="50" x="5" y="5"/>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-31,-19) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(244,184,45)" fill-opacity="1" height="45" rx="6.75" ry="6.75" stroke="rgb(241,163,39)" stroke-opacity="1" stroke-width="1px" style="cursor: default; " width="67" x="-2" y="-3"/>
<rect fill="rgb(80,157,192)" height="39" rx="5.85" ry="5.85" stroke="rgb(57,113,177)" stroke-width="2px" style="cursor: default; " width="63" x="0" y="0"/>
<text fill="#ffffff" font-family="verdana" font-size="13.4375" font-style="normal" font-weight="bold" style="cursor: default; " visibility="visible" x="11" y="11">
<tspan dy="1em" x="11">aaaa</tspan>
</text>
<g focusable="true" height="17" preserveAspectRatio="none" transform="translate(011) scale(00.17)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(62,-44) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="74" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="70" y1="23" y2="23"/>
<text fill="#525c61" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Main Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="translate(04) scale(00.15)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-131,-101) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="74" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="70" y1="23" y2="23"/>
<text fill="#525c61" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Main Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="translate(04) scale(00.15)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(62,-11) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="74" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="70" y1="23" y2="23"/>
<text fill="#525c61" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Main Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="translate(04) scale(00.15)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-131,-68) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="74" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="70" y1="23" y2="23"/>
<text fill="#525c61" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Main Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="translate(04) scale(00.15)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(62,21) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="74" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="70" y1="23" y2="23"/>
<text fill="#525c61" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Main Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="translate(04) scale(00.15)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-131,-35) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="74" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="70" y1="23" y2="23"/>
<text fill="#525c61" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Main Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="translate(04) scale(00.15)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-131,21) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="74" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="70" y1="23" y2="23"/>
<text fill="#525c61" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Main Topic</tspan>
</text>
<ellipse cx="-3" cy="23" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="translate(04) scale(00.15)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-211,11) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="54" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="50" y1="17" y2="17"/>
<text fill="#525c61" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">Sub Topic</tspan>
</text>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="visible" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-291,-2) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="54" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="50" y1="17" y2="17"/>
<text fill="#525c61" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">Sub Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-291,24) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="54" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="50" y1="17" y2="17"/>
<text fill="#525c61" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">Sub Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-211,51) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="54" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="50" y1="17" y2="17"/>
<text fill="#525c61" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="3" y="3">
<tspan dy="1em" x="3">Sub Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="11" preserveAspectRatio="none" transform="translate(03) scale(00.11)" width="0"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-131,78) scale(1,1)" visibility="visible" width="100">
<rect fill="rgb(252,235,192)" fill-opacity="0" height="29" rx="4.35" ry="4.35" stroke="rgb(241,163,39)" stroke-opacity="0" stroke-width="1px" width="74" x="-2" y="-3"/>
<line stroke="#495879" stroke-opacity="1" stroke-width="1px" style="cursor: move; " x1="0" x2="70" y1="23" y2="23"/>
<text fill="#525c61" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move; " visibility="visible" x="4" y="4">
<tspan dy="1em" x="4">Main Topic</tspan>
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default; " visibility="hidden" width="6"/>
<g focusable="true" height="15" preserveAspectRatio="none" transform="translate(04) scale(00.15)" width="0"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
wise-webapp/src/test/resources/data/svg/map-3.0.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/map-3.0.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 75 KiB

After

Width:  |  Height:  |  Size: 91 KiB

247
wise-webapp/src/test/resources/data/svg/map1-exp.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
wise-webapp/src/test/resources/data/svg/map1.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/map1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 81 KiB

1590
wise-webapp/src/test/resources/data/svg/map2-exp.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB

BIN
wise-webapp/src/test/resources/data/svg/map2.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/map2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 165 KiB

After

Width:  |  Height:  |  Size: 303 KiB

281
wise-webapp/src/test/resources/data/svg/map3-exp.svg Normal file
View File

@ -0,0 +1,281 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="true" height="464.0" id="workspace" preserveAspectRatio="xMinYMin" viewBox="-696.0 -246.0 1220.0 464.0" width="1220.0">
<polyline fill="none" points="306,51.5 316,51.5 316,69.5 321,74.5 353.5,74.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="306,51.5 361.5,50.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="306,51.5 316,51.5 316,31.5 321,26.5 377,26.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="244.5,-50 254.5,-50 254.5,46.5 259.5,51.5 305,51.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="306,-26.5 316,-26.5 316,-7.5 321,-2.5 353.5,-2.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="306,-26.5 361.5,-26.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="306,-26.5 316,-26.5 316,-45.5 321,-50.5 377,-50.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="244.5,-50 254.5,-50 254.5,-31.5 259.5,-26.5 305,-26.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="318,-92.5 328,-92.5 328,-85.5 333,-80.5 395,-80.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="318,-92.5 328,-92.5 328,-99.5 333,-104.5 469.5,-104.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="244.5,-50 254.5,-50 254.5,-87.5 259.5,-92.5 317,-92.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="244.5,-50 254.5,-50 254.5,-126.5 259.5,-131.5 331.5,-131.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="244.5,-50 254.5,-50 254.5,-150.5 259.5,-155.5 305.5,-155.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="244.5,-50 254.5,-50 254.5,-174.5 259.5,-179.5 359,-179.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<line stroke="#495879" stroke-width="1px" visibility="visible" x1="0" x2="166.5" y1="0" y2="-50"/>
<polyline fill="none" points="323.5,150 333.5,150 333.5,156.5 338.5,161.5 394,161.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="323.5,150 333.5,150 333.5,142.5 338.5,137.5 438.5,137.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<line stroke="#495879" stroke-width="1px" visibility="visible" x1="0" x2="219.5" y1="0" y2="150"/>
<polyline fill="none" points="-479.5,-23.5 -646,-23.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-369.5,-50 -379.5,-50 -379.5,-28.5 -384.5,-23.5 -478.5,-23.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-467,-53.5 -616.5,-53.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-369.5,-50 -379.5,-50 -379.5,-48.5 -384.5,-53.5 -466,-53.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-369.5,-50 -379.5,-50 -379.5,-75.5 -384.5,-80.5 -480.5,-80.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<line stroke="#495879" stroke-width="1px" visibility="visible" x1="0" x2="-249.5" y1="0" y2="-50"/>
<polyline fill="none" points="-254,49.5 -264,49.5 -264,82.5 -269,87.5 -337,87.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-488.5,60.5 -549.5,59.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-254,49.5 -264,49.5 -264,55.5 -269,60.5 -487.5,60.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-254,49.5 -264,49.5 -264,38.5 -269,33.5 -315,33.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-254,49.5 -264,49.5 -264,14.5 -269,9.5 -401,9.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-186.5,50 -253,49.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<line stroke="#495879" stroke-width="1px" visibility="visible" x1="0" x2="-134.5" y1="0" y2="50"/>
<rect fill="#CC0033" fill-opacity="0.4" height="10" stroke="#FF9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="50" x="5" y="5"/>
<polyline fill="none" fill-opacity="0.4" stroke="#CC0033" stroke-opacity="0.4" stroke-width="1px" visibility="hidden"/>
<line fill-opacity="0.4" stroke="#CC0033" stroke-opacity="0.4" stroke-width="1px" visibility="hidden"/>
<rect fill="#CC0033" fill-opacity="0.4" height="10" stroke="#FF9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="50" x="5" y="5"/>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-401, -7) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="132" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="129" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Accesible desde todos lados
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-315, 17) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="46" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="43" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Mobile
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-550, 43) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="47" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="44" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">widget
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-488, 44) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="219" x="-2" y="-3"/>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="216" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Posibilidad de acceso desde la
pagina insitucional
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-337, 71) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="68" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="65" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Pay per use
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-253, 33) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="52" x="-2" y="-3"/>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="49" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">porque?
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-186, 39) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="57" x="-2" y="-3"/>
<rect fill="#a6ffc2" height="22" rx="3.3" ry="3.3" stroke="#33a36f" stroke-width="0.5px" style="cursor: move;" width="53" x="0" y="0"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="22" y="12">web
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(4, 4) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKgSURBVDjLlZLrS1NxGMd90ZvovdEfEBEU&#10;EhZIb0xMjdyLIuyGkiHGUFKydFKKJiRegjIyFJRwojMxzfJSaVOYeTfxtpSNuZ1tXnY2z27nsss5&#10;334uWloG9uLD7/A7z/fzPPx4IgBE7ISl3qWyelUvu9JIueZqeOdUmcCMFDgcQ3fntjSK0j/rwx+c&#10;sesIZ3jbL1j6EbCPIej5DpE3QRIoBJ3LEFb74BjIxkbXVYNdrTixS8Ca3h/y6pSTfloD0UcRjCS8&#10;BJGbRdA7QRgjd1pIfhruyeewKOMdm+rCw2GBV1tXKZh7SIEVoqAjpwVS0AlIvhBSkCGyeQRcPYDo&#10;gO1DNixvrveFBa6ZCkuAmSe1OtJpFVLATkJboWCIAE3+GYngI6ENgnUK+hcxfFiw9fWRT+RWEWTH&#10;EeRmyPhaMvYCgu5ZEpgkbzCCgPszBNsr8NY8iF4Ky5WnpLDArs41+zYnSPdF8OYi0qEcTHc6mF45&#10;mJ4M2Ftl4C1lYPU34KerwFNTWKmO/j2BfbiwghmvJuPawZsUsNVHgTPlEx6ANcjJeR9r5QfhWUqE&#10;JOlhbc+FoV42FBY4R0sPbPbKlz2LLeQB9aCbYkJhzpIFlkoDZ8zDRk0kRHYYrm8d0JYeEyyduUd3&#10;7QH9pTBqvSOV9iy0wtmZ+VNAOm+HOeM92JtlYDQN0JYcD1BtmTf/WqRtbJ/yTxtUt9fXGhPBq5Mh&#10;riVBtMYhoLkMQ1Ek5sqi3eb2O4l7buIvhlRPkmsfZ/ibax+iruosnpacQUFOOq7Fn5TUypJz/1zl&#10;nRQr5JSypRVKZRvq6htR/ewlriTH03vV7ilQ5NwaHRgchM1GY3p6Bq+bmpEii9XtWzCgqkhLuXSB&#10;TUg4L8XFxUoXk2K57obirH0L/ocfNQ8V8wE+uE0AAAAASUVORK5CYII=" y="0"> </image>
</g>
<ellipse cx="-3" cy="11" fill="#a6ffc2" height="6" rx="3" ry="3" stroke="#33a36f" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-481, -97) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="97" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="94" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Cobrar por calculo?
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-617, -70) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="135" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="132" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">No lo usan por varios meses
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-466, -70) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="82" x="-2" y="-3"/>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="79" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">costo mensual?
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-646, -40) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="152" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="149" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">vender el servicio no el software
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-479, -40) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="95" x="-2" y="-3"/>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="92" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">cobro por servicio?
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-369, -61) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="125" x="-2" y="-3"/>
<rect fill="#7096ff" height="22" rx="3.3" ry="3.3" stroke="#385b80" stroke-width="0.5px" style="cursor: move;" width="121" x="0" y="0"/>
<text fill="#ffffff" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="22" y="12">Plan de Negocio
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(4, 4) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJ0SURBVDjLlZPdT9JRGMe5qFu2Lrt1a63L&#10;Wv9ATRdN5xvLsnLRipzZpIVpigjyIs3XAOUHgopoWkggP5QXSRJwJQmtm/IlAWtt3XXTfubS+nZ+&#10;P1eby6ldPGdn5+zzfb7Pc57DA8DbL9rjrYxuVsXf7W5fuC2mYawpE7QRJZpDDfz/EngYVTN9qR4E&#10;PvlgXjCiKVCPWvou/0ACxDJjSbIwDefqMPxrEzC87IDUW4Pq8Vv8PQVaX7Qw5qQRgY9ePP0wDMeS&#10;FfWTUkxmPeiI61DlFOP6SAV/VwFtRMFQCwb4CdwW10IbVcK+aMHgohmPlwdBZ11oCctx1X5p/R8B&#10;9Uzzuum1ntj1Iv1tGRtb3zH2dgSa2eZtOOOCMizD5cGyzR0lGBNdx1TP5T96E4+4WttiWg6mYr3I&#10;fk1DF1PBmxmHYlrGZkbFUDku2oSHOAFjolOuIpZ65rs5+MmKg9hWcJlZWB1UbsOhRjYz5r/MoSn4&#10;AKWWQg0nwFoyzndhijRobGWIq3XgPQU1sa2LqjCRHoc81IBK9w0OnvscRWQtBGFfEc4b8o7wNDMK&#10;OwnY3lDwZZ+h1idB/zsThpf6CezkstVN3yNwHFMrNGqCVRvlA2UQ6POkud1nTvE0EcVR1gU7JNSC&#10;nrPrWLRtw+RM7BKBXnJDP9eOYqogVNAj0Av0uTk7mtjov2+1p2yQ0hIYXnXCs+qEzF+HC9YSyIiI&#10;sK84XWTKP5tvPHdi11GupSXHW8JNW+FMAHdclSCCKDEX/iKdDgotRY17jTu31LhvHybT5RGPin5K&#10;3NWs1c0yW+lp0umc/T7b383NUdHJa44rSfJU+Qf54n/iNzi8zBtL0z1zAAAAAElFTkSuQmCC" y="0"> </image>
</g>
<ellipse cx="-3" cy="11" fill="#7096ff" height="6" rx="3" ry="3" stroke="#385b80" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(342, 121) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="101" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="98" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="32" y="9">ascTimeTable
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(3, 3) scale(1)" width="26">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJvSURBVDjLpZPrS5NhGIf9W7YvBYOkhlko&#10;qCklWChv2WyKik7blnNris72bi6dus0DLZ0TDxW1odtopDs4D8MDZuLU0kXq61CijSIIasOvv94V&#10;TUfLiB74fXngup7nvrnvJABJ/5PfLnTTdcwOj4RsdYmo5glBWP6iOtzwvIKSWstI0Wgx80SBblpK&#10;tE9KQs/We7EaWoT/8wbWP61gMmCH0lMDvokT4j25TiQU/ITFkek9Ow6+7WH2gwsmahCPdwyw75uw&#10;9HEO2gUZSkfyI9zBPCJOoJ2SMmg46N61YO/rNoa39Xi41oFuXysMfh36/Fp0b7bAfWAH6RGi0Hgl&#10;WNCbzYgJaFjRv6zGuy+b9It96N3SQvNKiV9HvSaDfFEIxXItnPs23BzJQd6DDEVM0OKsoVwBG/1V&#10;MzpXVWhbkUM2K4oJBDYuGmbKIJ0qxsAbHfRLzbjcnUbFBIpx/qH3vQv9b3U03IQ/HfFkERTzfFj8&#10;w8jSpR7GBE123uFEYAzaDRIqX/2JAtJbDat/COkd7CNBva2cMvq0MGxp0PRSCPF8BXjWG3FgNHc9&#10;XPT71Ojy3sMFdfJRCeKxEsVtKwFHwALZfCUk3tIfNR8XiJwc1LmL4dg141JPKtj3WUdNFJqLGFVP&#10;C4OkR4BxajTWsChY64wmCnMxsWPCHcutKBxMVp5mxA1S+aMComToaqTRUQknLTH62kHOVEE+VQnj&#10;ahscNCy0cMBWsSI0TCQcZc5ALkEYckL5A5noWSBhfm2AecMAjbcRWV0pUTh0HE64TNf0mczcnnQy&#10;u/MilaFJCae1nw2fbz1DnVOxyGTlKeZft/Ff8x1BRssfACjTwQAAAABJRU5ErkJggg==" y="0"> </image>
<image height="12" width="12" x="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANPSURBVBgZBcHdT1tlAMDh3zltORT6Ob4m&#10;tWDGMpgiU8LcEooJyiaEGbNkCkaNCVfeGP4Dr7zBG42J3hiVZInTeTMvFAPBYRhmGDBjEYaAMhht&#10;VzraUjin5+M95/V5FCklAAAA4wtjfcCHwHmgAfADh8Ci9OSXn/d9+ysAAIAipQRgfGHMD0wC115P&#10;DmjxYANloxbDBuGaCHLMZqeEK9wZIdy3vh76/hhAkVIyvjAWAG731D/XeznZT9nUsLDZKitUSY0D&#10;w0MKmyAGWWuepczSfeGIl79789ahCgBMdted6U0191BwbRxVQQiViqjCoIqCpbFvBtk7DNASeome&#10;k+1dtuXcAPAVL+2mgE/eOXPF97erk6VCxRMcmyEKVoCyCZvpIw51HS1+gBLd5GJ9B7Nrf566vji5&#10;4rsw9uKnrzVf6FR8QbKqANnIU26I5ZyPiqmylj7Gqy6itf6DFdkk7xXxF10665Lq8sP1E37gfDKS&#10;4J6RIV+t8qyvDQ/Bzr6NaVaInpSUT0yz5ZXAksSExmbeYuCZbhxLPO8H6mr8tewYGfYtg3DNKUp2&#10;mGLRI9pg0hg3yLsvULZW0OQRR08OKJRqCAXDOLaI+aWUiiLBtspIkvgDLlN3HZRgiOyWQJURmhsq&#10;hI/6KKcdTJZw7G2QEiGE4neFVyjb5USdL0a4+hw7aQ9lZ502nvB0Yx3rd7LcpwNHFZzzVuloaSOT&#10;q2Zx/gGeJct+4Yi/HhZ2E6drksyk59H/OKY7mGBk5D10Xadtbw///CK6A++PXqO6KkA2m2V5eZlo&#10;Nm75ukbOHqzub789fDql3p6ZJb4f4sobV/nos6+4deM629v/0daSwDrM89vsLDd/vEnRyNLfd4ni&#10;bimgfjP8w7RtOb9Mr/1O+CBINBwFIHZxCMO0GB0dJZVKMTQ0xODgIKZVwdduAhCLxlQ/gGM5785t&#10;3rtTT6SLfA4A4+5PKNJjYmKC2tpaAHRdR3qwMvXIGP6AmnQ6bSpSSgAGv3glbKTNnyP/xlOv9g4o&#10;iUSSgOojl8uxsbGBpmm0trbS1NSEI5zS3qM95ubmHitSSgAA2tvbfY399eOhx5GPmxubq7UqTVFQ&#10;eKCsllyfu90pus4qKFiW5WYymbyu61f/B/q4pKqmYKY6AAAAAElFTkSuQmCC" y="0"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(342, 145) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="56" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="53" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="20" y="9">lantiv
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(3, 3) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANPSURBVBgZBcHdT1tlAMDh3zltORT6Ob4m&#10;tWDGMpgiU8LcEooJyiaEGbNkCkaNCVfeGP4Dr7zBG42J3hiVZInTeTMvFAPBYRhmGDBjEYaAMhht&#10;VzraUjin5+M95/V5FCklAAAA4wtjfcCHwHmgAfADh8Ci9OSXn/d9+ysAAIAipQRgfGHMD0wC115P&#10;DmjxYANloxbDBuGaCHLMZqeEK9wZIdy3vh76/hhAkVIyvjAWAG731D/XeznZT9nUsLDZKitUSY0D&#10;w0MKmyAGWWuepczSfeGIl79789ahCgBMdted6U0191BwbRxVQQiViqjCoIqCpbFvBtk7DNASeome&#10;k+1dtuXcAPAVL+2mgE/eOXPF97erk6VCxRMcmyEKVoCyCZvpIw51HS1+gBLd5GJ9B7Nrf566vji5&#10;4rsw9uKnrzVf6FR8QbKqANnIU26I5ZyPiqmylj7Gqy6itf6DFdkk7xXxF10665Lq8sP1E37gfDKS&#10;4J6RIV+t8qyvDQ/Bzr6NaVaInpSUT0yz5ZXAksSExmbeYuCZbhxLPO8H6mr8tewYGfYtg3DNKUp2&#10;mGLRI9pg0hg3yLsvULZW0OQRR08OKJRqCAXDOLaI+aWUiiLBtspIkvgDLlN3HZRgiOyWQJURmhsq&#10;hI/6KKcdTJZw7G2QEiGE4neFVyjb5USdL0a4+hw7aQ9lZ502nvB0Yx3rd7LcpwNHFZzzVuloaSOT&#10;q2Zx/gGeJct+4Yi/HhZ2E6drksyk59H/OKY7mGBk5D10Xadtbw///CK6A++PXqO6KkA2m2V5eZlo&#10;Nm75ukbOHqzub789fDql3p6ZJb4f4sobV/nos6+4deM629v/0daSwDrM89vsLDd/vEnRyNLfd4ni&#10;bimgfjP8w7RtOb9Mr/1O+CBINBwFIHZxCMO0GB0dJZVKMTQ0xODgIKZVwdduAhCLxlQ/gGM5785t&#10;3rtTT6SLfA4A4+5PKNJjYmKC2tpaAHRdR3qwMvXIGP6AmnQ6bSpSSgAGv3glbKTNnyP/xlOv9g4o&#10;iUSSgOojl8uxsbGBpmm0trbS1NSEI5zS3qM95ubmHitSSgAA2tvbfY399eOhx5GPmxubq7UqTVFQ&#10;eKCsllyfu90pus4qKFiW5WYymbyu61f/B/q4pKqmYKY6AAAAAElFTkSuQmCC" y="0"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(218, 139) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="109" x="-2" y="-3"/>
<rect fill="#d94e4e" height="22" rx="3.3" ry="3.3" stroke="#806238" stroke-width="0.5px" style="cursor: move;" width="105" x="0" y="0"/>
<text fill="#ffffff" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="22" y="12">Competencia
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(4, 4) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJYSURBVDjLY/j//z8DJRhMmJQd+x89/W4I&#10;RQbY1x5L8590dzmy5PuIqC4gfvA+PPIyEMfhNqD06H+L9gfG9p33/jr23OMEiX30DTj8yT/oFxCf&#10;+hAYfBeIfwPxIyBWwjSg5Mh/tYZHzDr1D34aND7Y9tXOsf2Lg/O/z85uNjCFn908lT56eH985xXw&#10;zXvygwYUA4yLD/9Xcm+QlS572JWesP7XVyOL79/MLKci22Rc/6DXvPH+X8um+79t2u7/tOu4/w9u&#10;gFHxof8wha+1LP89NHT9iaxZIf/BCpWie7/Vi+/N/25kqvrN2Oz/suiO6QgDig6ADfgtJrX0p6TM&#10;b1u/Xd+5Eh9M4k16yCyQdH+HYOK9H6JJd+tgBv7U0j3wXVvvA9wAg8J9/6sNAvT/8gr++8Mn1MYQ&#10;8aCFIfzBf6bwB3+Zwx/8Ywu7H44e+j8VVX4hDMjf+/8/I6v/fya2OyghHHCn3GuRw3TvJTZnPJdY&#10;nXVbbA436Le49Aa4Afp5u///ZGAJ+c3AIg5T4DXT0stjpuULj1nmD9xmW6x1nWu2z2W+6RenBcbx&#10;IHmga6XgBujl7vw/R1TDAabZscNommOn0UeHLsNFDj2GPDBxh37DDrtJ+u8x0oFu9vb/liU6khal&#10;2jPNS3UfAem3FmU6Gej+tqjX5rBo0rln1qI9GdWArG3/jTI0/Q0z1N3UAyxdgTQ4NQpreMjCFAqp&#10;OoHZRvnqUhpROhmmxRo8cAO0M7f8187Y/F8rYxMQb/yvlbYBiNf/1wTh1HX/NUA4ZS0Ur/mvkbwa&#10;jOEGUIIBf5BxjDvwFIUAAAAASUVORK5CYII=" y="0"> </image>
</g>
<ellipse cx="108" cy="11" fill="#d94e4e" height="6" rx="3" ry="3" stroke="#806238" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(263, -196) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="100" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="97" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">embeddable widget
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(263, -172) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="47" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="44" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">mobile
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(263, -148) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="73" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="70" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Very intuitive
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(337, -121) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="137" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="134" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">ability to create custom rules
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(337, -97) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="62" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="59" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Distribuido
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(263, -109) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="58" x="-2" y="-3"/>
<ellipse cx="57" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="55" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Algorithm
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(325, -67) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="56" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="53" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">clipboard
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(325, -43) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="41" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="38" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">excel
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(325, -19) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="33" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="30" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">csv
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(263, -43) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="46" x="-2" y="-3"/>
<ellipse cx="45" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="43" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">import
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(325, 10) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="56" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="53" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">clipboard
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(325, 34) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="41" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="38" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">excel
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(325, 58) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="33" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="30" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">csv
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(263, 35) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="46" x="-2" y="-3"/>
<ellipse cx="45" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="43" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">export
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(165, -61) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="83" x="-2" y="-3"/>
<rect fill="#d9ff70" height="22" rx="3.3" ry="3.3" stroke="#6c8038" stroke-width="0.5px" style="cursor: move;" width="79" x="0" y="0"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="22" y="12">Features
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(4, 4) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJ+SURBVBgZlcFLSBRhAAfw/858s860aygi&#10;ptIp9NChoDzkxYNUYIcO0TUIOghFUNElvEad6lBkdEqCIugi3QQfLR2yQumBaPh+7Li7o/uanfme&#10;s1972IOEQv5+Ma01DuPRh+U+StlEhSsZUnElprXGQd6kdomUsoOJaiflojXk4mIM+pZjaXCp8Gsl&#10;TwkOMDLlOVyoCamiXhkpVCOJRDyGpG2CCYlsgSPvh4TgACGVt21L97Y0meBCg0kNyiW28wHiJrC8&#10;VYAo0wsE+3g1vtRdquYeHyXHUfAldkohKJcIuUSjbWI5XYKXLQ5/fnk1RbDHyJTnSKHeCbF6SbVM&#10;GCteH5pxAk7cQLbAQZmAGbOQccuQZTqGGoK615M5woX6aRPdZTkn4a+7kehMmdOzMmptaDOTNkEu&#10;zxE3gaAcQITMQ42BugpVHUzIrqRjwCJVOA3nzPLvMzKScujPxnK04RbRdIQgYBxhIYSs0DRqDNSF&#10;nHUKIUG5xKZXQTweg5Potmyde9hz/quZ9RbgukWsLWQQlvxFFQkXNQbqKgFvDRhHyCRCKrC27cOx&#10;YmhrPksyP5rQMzAPd3FJZVdzoyrip+cn7yvUENSVQnajvclCSAUqlIMyCa8oYVsmoPsxM/pJRVVx&#10;am7ywTz2IKi5+WLmXqNjXI4TA5lCgIRtwjI1GqwYhJBY39hFLt0+NPtxcB7/IIPPvt9N2MaTRNwA&#10;ZQKWqbGeLmFnxwf1GZhPwXz+RXH2HPsgPuVP25qT0DrCZtbHpltEwQuGlRBjEedexFVaCenOjd9R&#10;2Acp+RQb2xFMaKS3iiju+v3Tb69N4T8RGtBjK/lSRoWKKsYGvr2/nsIh/AUG0IfiieuuUQAAAABJ&#10;RU5ErkJggg==" y="0"> </image>
</g>
<ellipse cx="82" cy="11" fill="#d9ff70" height="6" rx="3" ry="3" stroke="#6c8038" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-55, -17) scale(1)" visibility="visible" width="100">
<rect fill="#c7d8ff" fill-opacity="1" height="41" rx="6.1499999999999995" ry="6.1499999999999995" stroke="#77555a" stroke-opacity="1" stroke-width="1px" style="cursor: default;" width="114" x="-2" y="-3"/>
<rect fill="#f7f7f7" height="35" rx="5.25" ry="5.25" stroke="#023BB9" stroke-width="0.5px" style="cursor: default;" width="110" x="0" y="0"/>
<text fill="#023BB9" focusable="true" font-family="verdana" font-size="13.4375" font-style="normal" font-weight="bold" style="cursor: default;" visibility="visible" x="18" y="19">timetable
</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
wise-webapp/src/test/resources/data/svg/map3.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/map3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 89 KiB

281
wise-webapp/src/test/resources/data/svg/map4-exp.svg Normal file
View File

@ -0,0 +1,281 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="true" height="464.0" id="workspace" preserveAspectRatio="xMinYMin" viewBox="-731.0 -246.0 1269.0 464.0" width="1269.0">
<polyline fill="none" points="320,51.5 330,51.5 330,69.5 335,74.5 367.5,74.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="320,51.5 375.5,50.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="320,51.5 330,51.5 330,31.5 335,26.5 391,26.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="258.5,-50 268.5,-50 268.5,46.5 273.5,51.5 319,51.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="320,-26.5 330,-26.5 330,-7.5 335,-2.5 367.5,-2.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="320,-26.5 375.5,-26.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="320,-26.5 330,-26.5 330,-45.5 335,-50.5 391,-50.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="258.5,-50 268.5,-50 268.5,-31.5 273.5,-26.5 319,-26.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="332,-92.5 342,-92.5 342,-85.5 347,-80.5 409,-80.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="332,-92.5 342,-92.5 342,-99.5 347,-104.5 483.5,-104.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="258.5,-50 268.5,-50 268.5,-87.5 273.5,-92.5 331,-92.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="258.5,-50 268.5,-50 268.5,-126.5 273.5,-131.5 345.5,-131.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="258.5,-50 268.5,-50 268.5,-150.5 273.5,-155.5 319.5,-155.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="258.5,-50 268.5,-50 268.5,-174.5 273.5,-179.5 373,-179.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<line stroke="#495879" stroke-width="1px" visibility="visible" x1="0" x2="180.5" y1="0" y2="-50"/>
<polyline fill="none" points="350.5,150 360.5,150 360.5,156.5 365.5,161.5 421,161.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="350.5,150 360.5,150 360.5,142.5 365.5,137.5 465.5,137.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<line stroke="#495879" stroke-width="1px" visibility="visible" x1="0" x2="246.5" y1="0" y2="150"/>
<polyline fill="none" points="-514.5,-23.5 -681,-23.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-404.5,-50 -414.5,-50 -414.5,-28.5 -419.5,-23.5 -513.5,-23.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-502,-53.5 -651.5,-53.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-404.5,-50 -414.5,-50 -414.5,-48.5 -419.5,-53.5 -501,-53.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-404.5,-50 -414.5,-50 -414.5,-75.5 -419.5,-80.5 -515.5,-80.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<line stroke="#495879" stroke-width="1px" visibility="visible" x1="0" x2="-284.5" y1="0" y2="-50"/>
<polyline fill="none" points="-255,49.5 -265,49.5 -265,82.5 -270,87.5 -338,87.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-489.5,60.5 -550.5,59.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-255,49.5 -265,49.5 -265,55.5 -270,60.5 -488.5,60.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-255,49.5 -265,49.5 -265,38.5 -270,33.5 -316,33.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-255,49.5 -265,49.5 -265,14.5 -270,9.5 -402,9.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<polyline fill="none" points="-187.5,50 -254,49.5" stroke="#495879" stroke-opacity="1" stroke-width="1px" visibility="visible"/>
<line stroke="#495879" stroke-width="1px" visibility="visible" x1="0" x2="-135.5" y1="0" y2="50"/>
<rect fill="#CC0033" fill-opacity="0.4" height="10" stroke="#FF9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="50" x="5" y="5"/>
<polyline fill="none" fill-opacity="0.4" stroke="#CC0033" stroke-opacity="0.4" stroke-width="1px" visibility="hidden"/>
<line fill-opacity="0.4" stroke="#CC0033" stroke-opacity="0.4" stroke-width="1px" visibility="hidden"/>
<rect fill="#CC0033" fill-opacity="0.4" height="10" stroke="#FF9933" stroke-opacity="0.4" stroke-width="1px" visibility="hidden" width="50" x="5" y="5"/>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-402, -7) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="132" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="129" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Accesible desde todos lados
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-316, 17) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="46" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="43" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Mobile
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-551, 43) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="47" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="44" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">widget
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-489, 44) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="219" x="-2" y="-3"/>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="216" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Posibilidad de acceso desde la
pagina insitucional
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-338, 71) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="68" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="65" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Pay per use
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-254, 33) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="52" x="-2" y="-3"/>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="49" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">porque?
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-187, 39) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="57" x="-2" y="-3"/>
<rect fill="#a6ffc2" height="22" rx="3.3" ry="3.3" stroke="#33a36f" stroke-width="0.5px" style="cursor: move;" width="53" x="0" y="0"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="22" y="12">web
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(4, 4) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKgSURBVDjLlZLrS1NxGMd90ZvovdEfEBEU&#10;EhZIb0xMjdyLIuyGkiHGUFKydFKKJiRegjIyFJRwojMxzfJSaVOYeTfxtpSNuZ1tXnY2z27nsss5&#10;334uWloG9uLD7/A7z/fzPPx4IgBE7ISl3qWyelUvu9JIueZqeOdUmcCMFDgcQ3fntjSK0j/rwx+c&#10;sesIZ3jbL1j6EbCPIej5DpE3QRIoBJ3LEFb74BjIxkbXVYNdrTixS8Ca3h/y6pSTfloD0UcRjCS8&#10;BJGbRdA7QRgjd1pIfhruyeewKOMdm+rCw2GBV1tXKZh7SIEVoqAjpwVS0AlIvhBSkCGyeQRcPYDo&#10;gO1DNixvrveFBa6ZCkuAmSe1OtJpFVLATkJboWCIAE3+GYngI6ENgnUK+hcxfFiw9fWRT+RWEWTH&#10;EeRmyPhaMvYCgu5ZEpgkbzCCgPszBNsr8NY8iF4Ky5WnpLDArs41+zYnSPdF8OYi0qEcTHc6mF45&#10;mJ4M2Ftl4C1lYPU34KerwFNTWKmO/j2BfbiwghmvJuPawZsUsNVHgTPlEx6ANcjJeR9r5QfhWUqE&#10;JOlhbc+FoV42FBY4R0sPbPbKlz2LLeQB9aCbYkJhzpIFlkoDZ8zDRk0kRHYYrm8d0JYeEyyduUd3&#10;7QH9pTBqvSOV9iy0wtmZ+VNAOm+HOeM92JtlYDQN0JYcD1BtmTf/WqRtbJ/yTxtUt9fXGhPBq5Mh&#10;riVBtMYhoLkMQ1Ek5sqi3eb2O4l7buIvhlRPkmsfZ/ibax+iruosnpacQUFOOq7Fn5TUypJz/1zl&#10;nRQr5JSypRVKZRvq6htR/ewlriTH03vV7ilQ5NwaHRgchM1GY3p6Bq+bmpEii9XtWzCgqkhLuXSB&#10;TUg4L8XFxUoXk2K57obirH0L/ocfNQ8V8wE+uE0AAAAASUVORK5CYII=" y="0"> </image>
</g>
<ellipse cx="-3" cy="11" fill="#a6ffc2" height="6" rx="3" ry="3" stroke="#33a36f" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-516, -97) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="97" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="94" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Cobrar por calculo?
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-652, -70) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="135" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="132" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">No lo usan por varios meses
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-501, -70) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="82" x="-2" y="-3"/>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="79" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">costo mensual?
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-681, -40) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="152" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="149" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">vender el servicio no el software
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-514, -40) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="95" x="-2" y="-3"/>
<ellipse cx="-3" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="92" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">cobro por servicio?
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-404, -61) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="125" x="-2" y="-3"/>
<rect fill="#7096ff" height="22" rx="3.3" ry="3.3" stroke="#385b80" stroke-width="0.5px" style="cursor: move;" width="121" x="0" y="0"/>
<text fill="#ffffff" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="22" y="12">Plan de Negocio
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(4, 4) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJ0SURBVDjLlZPdT9JRGMe5qFu2Lrt1a63L&#10;Wv9ATRdN5xvLsnLRipzZpIVpigjyIs3XAOUHgopoWkggP5QXSRJwJQmtm/IlAWtt3XXTfubS+nZ+&#10;P1eby6ldPGdn5+zzfb7Pc57DA8DbL9rjrYxuVsXf7W5fuC2mYawpE7QRJZpDDfz/EngYVTN9qR4E&#10;PvlgXjCiKVCPWvou/0ACxDJjSbIwDefqMPxrEzC87IDUW4Pq8Vv8PQVaX7Qw5qQRgY9ePP0wDMeS&#10;FfWTUkxmPeiI61DlFOP6SAV/VwFtRMFQCwb4CdwW10IbVcK+aMHgohmPlwdBZ11oCctx1X5p/R8B&#10;9Uzzuum1ntj1Iv1tGRtb3zH2dgSa2eZtOOOCMizD5cGyzR0lGBNdx1TP5T96E4+4WttiWg6mYr3I&#10;fk1DF1PBmxmHYlrGZkbFUDku2oSHOAFjolOuIpZ65rs5+MmKg9hWcJlZWB1UbsOhRjYz5r/MoSn4&#10;AKWWQg0nwFoyzndhijRobGWIq3XgPQU1sa2LqjCRHoc81IBK9w0OnvscRWQtBGFfEc4b8o7wNDMK&#10;OwnY3lDwZZ+h1idB/zsThpf6CezkstVN3yNwHFMrNGqCVRvlA2UQ6POkud1nTvE0EcVR1gU7JNSC&#10;nrPrWLRtw+RM7BKBXnJDP9eOYqogVNAj0Av0uTk7mtjov2+1p2yQ0hIYXnXCs+qEzF+HC9YSyIiI&#10;sK84XWTKP5tvPHdi11GupSXHW8JNW+FMAHdclSCCKDEX/iKdDgotRY17jTu31LhvHybT5RGPin5K&#10;3NWs1c0yW+lp0umc/T7b383NUdHJa44rSfJU+Qf54n/iNzi8zBtL0z1zAAAAAElFTkSuQmCC" y="0"> </image>
</g>
<ellipse cx="-3" cy="11" fill="#7096ff" height="6" rx="3" ry="3" stroke="#385b80" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(369, 121) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="101" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="98" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="32" y="9">ascTimeTable
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(3, 3) scale(1)" width="26">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJvSURBVDjLpZPrS5NhGIf9W7YvBYOkhlko&#10;qCklWChv2WyKik7blnNris72bi6dus0DLZ0TDxW1odtopDs4D8MDZuLU0kXq61CijSIIasOvv94V&#10;TUfLiB74fXngup7nvrnvJABJ/5PfLnTTdcwOj4RsdYmo5glBWP6iOtzwvIKSWstI0Wgx80SBblpK&#10;tE9KQs/We7EaWoT/8wbWP61gMmCH0lMDvokT4j25TiQU/ITFkek9Ow6+7WH2gwsmahCPdwyw75uw&#10;9HEO2gUZSkfyI9zBPCJOoJ2SMmg46N61YO/rNoa39Xi41oFuXysMfh36/Fp0b7bAfWAH6RGi0Hgl&#10;WNCbzYgJaFjRv6zGuy+b9It96N3SQvNKiV9HvSaDfFEIxXItnPs23BzJQd6DDEVM0OKsoVwBG/1V&#10;MzpXVWhbkUM2K4oJBDYuGmbKIJ0qxsAbHfRLzbjcnUbFBIpx/qH3vQv9b3U03IQ/HfFkERTzfFj8&#10;w8jSpR7GBE123uFEYAzaDRIqX/2JAtJbDat/COkd7CNBva2cMvq0MGxp0PRSCPF8BXjWG3FgNHc9&#10;XPT71Ojy3sMFdfJRCeKxEsVtKwFHwALZfCUk3tIfNR8XiJwc1LmL4dg141JPKtj3WUdNFJqLGFVP&#10;C4OkR4BxajTWsChY64wmCnMxsWPCHcutKBxMVp5mxA1S+aMComToaqTRUQknLTH62kHOVEE+VQnj&#10;ahscNCy0cMBWsSI0TCQcZc5ALkEYckL5A5noWSBhfm2AecMAjbcRWV0pUTh0HE64TNf0mczcnnQy&#10;u/MilaFJCae1nw2fbz1DnVOxyGTlKeZft/Ff8x1BRssfACjTwQAAAABJRU5ErkJggg==" y="0"> </image>
<image height="12" width="12" x="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANPSURBVBgZBcHdT1tlAMDh3zltORT6Ob4m&#10;tWDGMpgiU8LcEooJyiaEGbNkCkaNCVfeGP4Dr7zBG42J3hiVZInTeTMvFAPBYRhmGDBjEYaAMhht&#10;VzraUjin5+M95/V5FCklAAAA4wtjfcCHwHmgAfADh8Ci9OSXn/d9+ysAAIAipQRgfGHMD0wC115P&#10;DmjxYANloxbDBuGaCHLMZqeEK9wZIdy3vh76/hhAkVIyvjAWAG731D/XeznZT9nUsLDZKitUSY0D&#10;w0MKmyAGWWuepczSfeGIl79789ahCgBMdted6U0191BwbRxVQQiViqjCoIqCpbFvBtk7DNASeome&#10;k+1dtuXcAPAVL+2mgE/eOXPF97erk6VCxRMcmyEKVoCyCZvpIw51HS1+gBLd5GJ9B7Nrf566vji5&#10;4rsw9uKnrzVf6FR8QbKqANnIU26I5ZyPiqmylj7Gqy6itf6DFdkk7xXxF10665Lq8sP1E37gfDKS&#10;4J6RIV+t8qyvDQ/Bzr6NaVaInpSUT0yz5ZXAksSExmbeYuCZbhxLPO8H6mr8tewYGfYtg3DNKUp2&#10;mGLRI9pg0hg3yLsvULZW0OQRR08OKJRqCAXDOLaI+aWUiiLBtspIkvgDLlN3HZRgiOyWQJURmhsq&#10;hI/6KKcdTJZw7G2QEiGE4neFVyjb5USdL0a4+hw7aQ9lZ502nvB0Yx3rd7LcpwNHFZzzVuloaSOT&#10;q2Zx/gGeJct+4Yi/HhZ2E6drksyk59H/OKY7mGBk5D10Xadtbw///CK6A++PXqO6KkA2m2V5eZlo&#10;Nm75ukbOHqzub789fDql3p6ZJb4f4sobV/nos6+4deM629v/0daSwDrM89vsLDd/vEnRyNLfd4ni&#10;bimgfjP8w7RtOb9Mr/1O+CBINBwFIHZxCMO0GB0dJZVKMTQ0xODgIKZVwdduAhCLxlQ/gGM5785t&#10;3rtTT6SLfA4A4+5PKNJjYmKC2tpaAHRdR3qwMvXIGP6AmnQ6bSpSSgAGv3glbKTNnyP/xlOv9g4o&#10;iUSSgOojl8uxsbGBpmm0trbS1NSEI5zS3qM95ubmHitSSgAA2tvbfY399eOhx5GPmxubq7UqTVFQ&#10;eKCsllyfu90pus4qKFiW5WYymbyu61f/B/q4pKqmYKY6AAAAAElFTkSuQmCC" y="0"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(369, 145) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="56" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="53" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="20" y="9">lantiv
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(3, 3) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANPSURBVBgZBcHdT1tlAMDh3zltORT6Ob4m&#10;tWDGMpgiU8LcEooJyiaEGbNkCkaNCVfeGP4Dr7zBG42J3hiVZInTeTMvFAPBYRhmGDBjEYaAMhht&#10;VzraUjin5+M95/V5FCklAAAA4wtjfcCHwHmgAfADh8Ci9OSXn/d9+ysAAIAipQRgfGHMD0wC115P&#10;DmjxYANloxbDBuGaCHLMZqeEK9wZIdy3vh76/hhAkVIyvjAWAG731D/XeznZT9nUsLDZKitUSY0D&#10;w0MKmyAGWWuepczSfeGIl79789ahCgBMdted6U0191BwbRxVQQiViqjCoIqCpbFvBtk7DNASeome&#10;k+1dtuXcAPAVL+2mgE/eOXPF97erk6VCxRMcmyEKVoCyCZvpIw51HS1+gBLd5GJ9B7Nrf566vji5&#10;4rsw9uKnrzVf6FR8QbKqANnIU26I5ZyPiqmylj7Gqy6itf6DFdkk7xXxF10665Lq8sP1E37gfDKS&#10;4J6RIV+t8qyvDQ/Bzr6NaVaInpSUT0yz5ZXAksSExmbeYuCZbhxLPO8H6mr8tewYGfYtg3DNKUp2&#10;mGLRI9pg0hg3yLsvULZW0OQRR08OKJRqCAXDOLaI+aWUiiLBtspIkvgDLlN3HZRgiOyWQJURmhsq&#10;hI/6KKcdTJZw7G2QEiGE4neFVyjb5USdL0a4+hw7aQ9lZ502nvB0Yx3rd7LcpwNHFZzzVuloaSOT&#10;q2Zx/gGeJct+4Yi/HhZ2E6drksyk59H/OKY7mGBk5D10Xadtbw///CK6A++PXqO6KkA2m2V5eZlo&#10;Nm75ukbOHqzub789fDql3p6ZJb4f4sobV/nos6+4deM629v/0daSwDrM89vsLDd/vEnRyNLfd4ni&#10;bimgfjP8w7RtOb9Mr/1O+CBINBwFIHZxCMO0GB0dJZVKMTQ0xODgIKZVwdduAhCLxlQ/gGM5785t&#10;3rtTT6SLfA4A4+5PKNJjYmKC2tpaAHRdR3qwMvXIGP6AmnQ6bSpSSgAGv3glbKTNnyP/xlOv9g4o&#10;iUSSgOojl8uxsbGBpmm0trbS1NSEI5zS3qM95ubmHitSSgAA2tvbfY399eOhx5GPmxubq7UqTVFQ&#10;eKCsllyfu90pus4qKFiW5WYymbyu61f/B/q4pKqmYKY6AAAAAElFTkSuQmCC" y="0"> </image>
</g>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(245, 139) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="109" x="-2" y="-3"/>
<rect fill="#d94e4e" height="22" rx="3.3" ry="3.3" stroke="#806238" stroke-width="0.5px" style="cursor: move;" width="105" x="0" y="0"/>
<text fill="#ffffff" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="22" y="12">Competencia
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(4, 4) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJYSURBVDjLY/j//z8DJRhMmJQd+x89/W4I&#10;RQbY1x5L8590dzmy5PuIqC4gfvA+PPIyEMfhNqD06H+L9gfG9p33/jr23OMEiX30DTj8yT/oFxCf&#10;+hAYfBeIfwPxIyBWwjSg5Mh/tYZHzDr1D34aND7Y9tXOsf2Lg/O/z85uNjCFn908lT56eH985xXw&#10;zXvygwYUA4yLD/9Xcm+QlS572JWesP7XVyOL79/MLKci22Rc/6DXvPH+X8um+79t2u7/tOu4/w9u&#10;gFHxof8wha+1LP89NHT9iaxZIf/BCpWie7/Vi+/N/25kqvrN2Oz/suiO6QgDig6ADfgtJrX0p6TM&#10;b1u/Xd+5Eh9M4k16yCyQdH+HYOK9H6JJd+tgBv7U0j3wXVvvA9wAg8J9/6sNAvT/8gr++8Mn1MYQ&#10;8aCFIfzBf6bwB3+Zwx/8Ywu7H44e+j8VVX4hDMjf+/8/I6v/fya2OyghHHCn3GuRw3TvJTZnPJdY&#10;nXVbbA436Le49Aa4Afp5u///ZGAJ+c3AIg5T4DXT0stjpuULj1nmD9xmW6x1nWu2z2W+6RenBcbx&#10;IHmga6XgBujl7vw/R1TDAabZscNommOn0UeHLsNFDj2GPDBxh37DDrtJ+u8x0oFu9vb/liU6khal&#10;2jPNS3UfAem3FmU6Gej+tqjX5rBo0rln1qI9GdWArG3/jTI0/Q0z1N3UAyxdgTQ4NQpreMjCFAqp&#10;OoHZRvnqUhpROhmmxRo8cAO0M7f8187Y/F8rYxMQb/yvlbYBiNf/1wTh1HX/NUA4ZS0Ur/mvkbwa&#10;jOEGUIIBf5BxjDvwFIUAAAAASUVORK5CYII=" y="0"> </image>
</g>
<ellipse cx="108" cy="11" fill="#d94e4e" height="6" rx="3" ry="3" stroke="#806238" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(277, -196) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="100" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="97" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">embeddable widget
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(277, -172) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="47" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="44" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">mobile
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(277, -148) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="73" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="70" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Very intuitive
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(351, -121) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="137" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="134" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">ability to create custom rules
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(351, -97) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="62" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="59" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Distribuido
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(277, -109) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="58" x="-2" y="-3"/>
<ellipse cx="57" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="55" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">Algorithm
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(339, -67) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="56" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="53" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">clipboard
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(339, -43) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="41" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="38" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">excel
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(339, -19) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="33" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="30" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">csv
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(277, -43) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="46" x="-2" y="-3"/>
<ellipse cx="45" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="43" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">import
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(339, 10) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="56" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="53" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">clipboard
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(339, 34) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="41" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="38" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">excel
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(339, 58) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="33" x="-2" y="-3"/>
<ellipse cx="3" cy="3" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="30" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">csv
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(277, 35) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="23" rx="3.4499999999999997" ry="3.4499999999999997" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="46" x="-2" y="-3"/>
<ellipse cx="45" cy="17" fill="#E0E5EF" height="6" rx="3" ry="3" stroke="#023BB9" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
<line stroke="#495879" stroke-width="1px" style="cursor: move;" visibility="hidden" x1="-1" x2="43" y1="17" y2="17"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="6" y="9">export
</text>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(179, -61) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="0" stroke-width="1px" width="83" x="-2" y="-3"/>
<rect fill="#d9ff70" height="22" rx="3.3" ry="3.3" stroke="#6c8038" stroke-width="0.5px" style="cursor: move;" width="79" x="0" y="0"/>
<text fill="#525c61" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" style="cursor: move;" visibility="visible" x="22" y="12">Features
</text>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(4, 4) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJ+SURBVBgZlcFLSBRhAAfw/858s860aygi&#10;ptIp9NChoDzkxYNUYIcO0TUIOghFUNElvEad6lBkdEqCIugi3QQfLR2yQumBaPh+7Li7o/uanfme&#10;s1972IOEQv5+Ma01DuPRh+U+StlEhSsZUnElprXGQd6kdomUsoOJaiflojXk4mIM+pZjaXCp8Gsl&#10;TwkOMDLlOVyoCamiXhkpVCOJRDyGpG2CCYlsgSPvh4TgACGVt21L97Y0meBCg0kNyiW28wHiJrC8&#10;VYAo0wsE+3g1vtRdquYeHyXHUfAldkohKJcIuUSjbWI5XYKXLQ5/fnk1RbDHyJTnSKHeCbF6SbVM&#10;GCteH5pxAk7cQLbAQZmAGbOQccuQZTqGGoK615M5woX6aRPdZTkn4a+7kehMmdOzMmptaDOTNkEu&#10;zxE3gaAcQITMQ42BugpVHUzIrqRjwCJVOA3nzPLvMzKScujPxnK04RbRdIQgYBxhIYSs0DRqDNSF&#10;nHUKIUG5xKZXQTweg5Potmyde9hz/quZ9RbgukWsLWQQlvxFFQkXNQbqKgFvDRhHyCRCKrC27cOx&#10;YmhrPksyP5rQMzAPd3FJZVdzoyrip+cn7yvUENSVQnajvclCSAUqlIMyCa8oYVsmoPsxM/pJRVVx&#10;am7ywTz2IKi5+WLmXqNjXI4TA5lCgIRtwjI1GqwYhJBY39hFLt0+NPtxcB7/IIPPvt9N2MaTRNwA&#10;ZQKWqbGeLmFnxwf1GZhPwXz+RXH2HPsgPuVP25qT0DrCZtbHpltEwQuGlRBjEedexFVaCenOjd9R&#10;2Acp+RQb2xFMaKS3iiju+v3Tb69N4T8RGtBjK/lSRoWKKsYGvr2/nsIh/AUG0IfiieuuUQAAAABJ&#10;RU5ErkJggg==" y="0"> </image>
</g>
<ellipse cx="82" cy="11" fill="#d9ff70" height="6" rx="3" ry="3" stroke="#6c8038" stroke-width="1px" style="cursor: default;" visibility="visible" width="6"/>
</g>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-55, -17) scale(1)" visibility="visible" width="100">
<rect fill="#c7d8ff" fill-opacity="1" height="41" rx="6.1499999999999995" ry="6.1499999999999995" stroke="#77555a" stroke-opacity="1" stroke-width="1px" style="cursor: default;" width="114" x="-2" y="-3"/>
<rect fill="#f7f7f7" height="35" rx="5.25" ry="5.25" stroke="#023BB9" stroke-width="0.5px" style="cursor: default;" width="110" x="0" y="0"/>
<text fill="#023BB9" focusable="true" font-family="verdana" font-size="13.4375" font-style="normal" font-weight="bold" style="cursor: default;" visibility="visible" x="18" y="19">timetable
</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
wise-webapp/src/test/resources/data/svg/map4.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/map4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 83 KiB

20
wise-webapp/src/test/resources/data/svg/map5-exp.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" focusable="true" height="151.0" id="workspace" preserveAspectRatio="xMinYMin" viewBox="-224.0 -101.0 274.0 151.0" width="274.0">
<path d="M0,0 C-38,0 -54,-40 -92,-40" fill-opacity="1.0999999999999999" stroke="#495879" stroke-opacity="1.0999999999999999" stroke-width="1px" style="fill: none;" visibility="visible"/>
<g focusable="true" height="100" preserveAspectRatio="none" transform="translate(-23, -17) scale(1)" visibility="visible" width="100">
<rect fill="#dbe2e6" fill-opacity="0" height="41" rx="6.1499999999999995" ry="6.1499999999999995" stroke="#77555a" stroke-opacity="0" stroke-width="1px" style="cursor: default;" width="50" x="-2" y="-3"/>
<rect fill="#f7f7f7" height="35" rx="5.25" ry="5.25" stroke="#023BB9" stroke-width="0.5px" style="cursor: default;" width="46" x="0" y="0"/>
<text fill="#023BB9" focusable="true" font-family="verdana" font-size="13.4375" font-style="normal" font-weight="bold" style="cursor: default;" visibility="visible" x="18" y="19">t
</text>
</g>
<g fill-opacity="1.0999999999999999" focusable="true" height="100" preserveAspectRatio="none" stroke-opacity="1.0999999999999999" transform="translate(-174, -51) scale(1)" visibility="visible" width="100">
<rect fill="#c7d8ff" fill-opacity="1" height="28" rx="4.2" ry="4.2" stroke="#77555a" stroke-opacity="1" stroke-width="1px" style="cursor: move;" width="88" x="-2" y="-3"/>
<rect fill="#E0E5EF" height="22" rx="3.3" ry="3.3" stroke="#023BB9" stroke-width="0.5px" style="cursor: move;" visibility="visible" width="84" x="0" y="0"/>
<text fill="#525c61" fill-opacity="1.0999999999999999" focusable="true" font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" stroke-opacity="1.0999999999999999" style="cursor: move;" visibility="visible" x="22" y="12">Main Topic
</text>
<ellipse cx="3" cy="3" fill="#E0E5EF" fill-opacity="1.0999999999999999" height="6" rx="3" ry="3" stroke="#023BB9" stroke-opacity="1.0999999999999999" stroke-width="1px" style="cursor: default;" visibility="hidden" width="6"/>
<g focusable="true" height="12" preserveAspectRatio="none" transform="translate(8, 2) scale(1)" width="14">
<image height="12" width="12" x="2" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0&#10;U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAMESURBVDjLXZNrSFNxGMYPgQQRfYv6EgR9&#10;kCgKohtFgRAVQUHQh24GQReqhViWlVYbZJlZmZmombfVpJXTdHa3reM8uszmWpqnmQuX5drmLsdj&#10;enR7ev9DR3Xgd3h43+d5/pw/HA4AN9zITSPUhJ14R0xn87+h2ZzJvZVInJpzAQOXQOQMt+/5rvhM&#10;CLXv9Vjrt1rSXitmwj+Jua1+Ox+2HfGNdGf6yW8l5sUKPNVcRsiaPDA22Ahv6/7Ae/0aKdviQ0G7&#10;B/c6f8Zg+gbfh079Mjno0MhS58lflOsgEjh3BXc+bM/0DzbvDwj314znt/bjof0HdPw3FBq6kP+o&#10;CxVNfdDZvqPsrQmf6zdFRtyPJgbrFoqUTeS+FnPrekpmiC2lS+QcUx+qrf0wmFzodYfgC0nwhoYh&#10;9oegfdmLsmYXHj7JhV23erS7ZNYHyibGLiLtXsO19BoHSiwu6Ok09gwFg/gy8BO/STOkKFBk7EWh&#10;2YkLeh5Hy4Ws2B2w157iDvOpxw4UPRPRTSfL41FIsow7ZeXwUFF4dBQ1L96A/xLEFf1HMC/LxAt2&#10;5PH+VN0HXH1gh2dEwdBoBGO0OKvW4L7hCdIvavBSsMIRVHCi0ArmZZl4wbYrz/yHSq1Ql9vQLylU&#10;EoE7GMal3OuxMG/7CO848N6n4HheK5iXZeIFmy88Nu+8aYJG24G3ziB+0Ee7wwqemlvQ5w9hcAJw&#10;yUDtpwBOFLeBeVkmXpB0qlK9RV2HlLsCsvUivHRhQwoQjhCkA1TgJX1OK0JVzIN5WSZesPZ44XKi&#10;a+P5BqSS4aq+BzZXABLdhyQrsJPOqv4MVcEbMA/zsky8gLHyYO7hI9laecOZWuzLfYXU2zzSblmQ&#10;erMZqjwTknOeY9dlIw5kVcrMG/8XpoQgCEkOhwNNJn5i7bFSrFDpsCrFEIPpLacr0WxpibYIQpS8&#10;6/8pMBqNswnJ6XSivqHBv3R3pmbxzgwz4Z+EaTXtwqIogrzjxIJ4QVVV1UyihxgjFv3/K09Bu/lE&#10;kBgg5rLZH+fT5dvfn7iFAAAAAElFTkSuQmCC" y="0"> </image>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
wise-webapp/src/test/resources/data/svg/map5.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/map5.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 52 KiB

1723
wise-webapp/src/test/resources/data/svg/map6-exp.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 381 KiB

BIN
wise-webapp/src/test/resources/data/svg/map6.pdf
View File

Binary file not shown.

BIN
wise-webapp/src/test/resources/data/svg/map6.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 118 KiB

After

Width:  |  Height:  |  Size: 186 KiB