vmario/wisemapping-open-source
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-open-source.git synced 2024-11-22 22:27:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix href export login.

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2012-08-26 22:50:39 -03:00
parent fbed936c45
commit ad190b575d
3 changed files with 804 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -137,7 +137,7 @@ public class ExporterFactory {
private Document normalizeSvg(@NotNull String svgXml, boolean embedImg) throws XMLStreamException, ParserConfigurationException, IOException, SAXException, TransformerException { private Document normalizeSvg(@NotNull String svgXml, boolean embedImg) throws XMLStreamException, ParserConfigurationException, IOException, SAXException, TransformerException {
final DocumentBuilder documentBuilder = getDocumentBuilder(); final DocumentBuilder documentBuilder = getDocumentBuilder();
if (svgXml.trim().startsWith("<svg xmlns=\"http://www.w3.org/2000/svg\"")) { 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\" "); svgXml = svgXml.replaceFirst("<svg ", "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" ");
} else { } else {
svgXml = svgXml.replaceFirst("<svg ", "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" "); svgXml = svgXml.replaceFirst("<svg ", "<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" ");
@ -214,8 +214,13 @@ public class ExporterFactory {
Element elem = (Element) node; Element elem = (Element) node;
// Cook image href ... // Cook image href ...
final String imgUrl = elem.getAttribute("href"); String imgUrl = elem.getAttribute("href");
elem.removeAttribute("href"); elem.removeAttribute("href");
if(imgUrl==null || imgUrl.isEmpty()){
imgUrl = elem.getAttribute("xlink:href"); // Do not support namespaces ...
elem.removeAttribute("xlink:href");
}
FileInputStream fis = null; FileInputStream fis = null;
// Obtains file name ... // Obtains file name ...

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

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

@ -0,0 +1,797 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg focusable="true" id="workspace" preserveAspectRatio="none" width="1024" height="768"
viewBox="-427.77 -328.5450000000001 903.1680000000001 677.3760000000001">
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M-384,78 C-393,78 -404,92 -413,92" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M-384,78 C-393,78 -403,63 -412,63" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M-196,78 C-205,78 -216,77 -225,77" visibility="visible"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M0,0 C-42,0 -85,77 -127,77 -85,80 -42,5 0,7 Z" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M-303,7 C-312,7 -323,35 -332,35" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M-303,7 C-312,7 -323,7 -332,7" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M-303,7 C-312,7 -322,-22 -331,-22" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M-207,7 C-216,7 -227,7 -236,7" visibility="visible"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M0,0 C-42,0 -85,7 -127,7 -85,10 -42,5 0,7 Z" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M427,255 C436,255 447,280 456,280" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M427,255 C436,255 447,253 456,253" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M427,255 C436,255 447,226 456,226" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M283,79 C292,79 303,254 312,254" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M437,133 C446,133 457,199 466,199" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M437,133 C446,133 457,172 466,172" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M437,133 C446,133 457,145 466,145" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M437,133 C446,133 457,118 466,118" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M437,133 C446,133 457,91 466,91" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M437,133 C446,133 457,64 466,64" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M283,79 C292,79 303,132 312,132" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M283,79 C292,79 303,37 312,37" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M441,-17 C450,-17 460,9 469,9" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M441,-17 C450,-17 460,-18 469,-18" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M441,-17 C450,-17 460,-45 469,-45" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M283,79 C292,79 303,-17 312,-17" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M433,-98 C442,-98 453,-72 462,-72" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M433,-98 C442,-98 453,-99 462,-99" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M433,-98 C442,-98 453,-126 462,-126" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M283,79 C292,79 303,-98 312,-98" visibility="visible"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M0,0 C42,0 86,78 128,78 86,81 42,5 0,7 Z" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M-224,-61 C-233,-61 -244,-61 -253,-61" visibility="visible"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M0,0 C-42,0 -85,-61 -127,-61 -85,-58 -42,5 0,7 Z" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M486,-154 C495,-154 505,-154 514,-154" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M379,-154 C388,-154 398,-154 407,-154" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M280,-206 C289,-206 299,-154 308,-154" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M280,-206 C289,-206 300,-181 309,-181" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M280,-206 C289,-206 299,-208 308,-208" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M280,-206 C289,-206 299,-235 308,-235" visibility="visible"></path>
<path style="fill:none " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M280,-206 C289,-206 300,-262 309,-262" visibility="visible"></path>
<path style="fill:#495879 " stroke-width="1px" stroke="#495879" stroke-opacity="1" fill="#495879" fill-opacity="1"
d="M0,0 C42,0 85,-206 127,-206 85,-203 42,5 0,7 Z" visibility="visible"></path>
<rect width="199" height="43" rx="0" ry="0" x="-99" y="-21" stroke-width="1px" stroke="#FF9933" fill="#CC0033"
stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></rect>
<path style="fill:none " stroke-width="1px" stroke="#CC0033" stroke-opacity="0.4" fill-opacity="0.4"
visibility="hidden" d="M349,-137 C327,-65 305,7 283,79"></path>
<path style="fill:none " stroke-width="1px" stroke="#CC0033" stroke-opacity="0.4" fill-opacity="0.4"
visibility="hidden"
d="M-152,-103 C-101.33333333333333,-68.66666666666666 -50.66666666666667,-34.333333333333336 0,0"></path>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-97,-19) scale(1,1)"
visibility="visible">
<rect width="199" height="45" rx="6.75" ry="6.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0" style="cursor: default; "></rect>
<rect width="195" height="39" rx="5.85" ry="5.85" x="0" y="0" stroke-width="2px" fill="#feffff" stroke="#0b5394"
style="cursor: default; "></rect>
<text font-family="verdana" font-size="13.4375" font-style="normal" font-weight="bold" fill="#3d85c6"
style="cursor: default; " y="11" x="11" visibility="visible">
<tspan dy="1em" x="11">Diseño de Paginas WEB</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="0" height="17"
transform="translate(NaN,11) scale(NaN,0.17)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(127,-227) scale(1,1)"
visibility="visible">
<rect width="155" height="27" rx="4.05" ry="4.05" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0" style="cursor: move; "></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="21" x2="151"
y2="21"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#ff9900"
style="cursor: move; " y="4" x="20.25" visibility="visible">
<tspan dy="1em" x="20.25">Ventajas y Beneficios</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="154" cy="21" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(4,4) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/tick_tick.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(309,-279) scale(1,1)"
visibility="visible">
<rect width="180" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="176"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#e06666"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Obtención de clientes y contactos</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/people_group.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(308,-252) scale(1,1)"
visibility="visible">
<rect width="115" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="111"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#e06666"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Imagen corporativa</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/soft_penguin.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(308,-225) scale(1,1)"
visibility="visible">
<rect width="63" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="59"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#e06666"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Informa</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/mail_edit.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(309,-198) scale(1,1)"
visibility="visible">
<rect width="118" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="114"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#cc0000"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Internacionalización</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/thumb_thumb_up.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(308,-171) scale(1,1)"
visibility="visible">
<rect width="73" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="69"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#e06666"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Captación</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/soft_cursor.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="72" cy="17" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(407,-171) scale(1,1)"
visibility="visible">
<rect width="81" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="77"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#cc0000"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Fidelización</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/object_key.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="80" cy="17" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(514,-171) scale(1,1)"
visibility="visible">
<rect width="97" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="93"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="bold" fill="#660000"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Nuevos clientes</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/people_group.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-223,-82) scale(1,1)"
visibility="visible">
<rect width="100" height="27" rx="4.05" ry="4.05" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="21" x2="96"
y2="21"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#ff0000"
style="cursor: move; " y="4" x="20.25" visibility="visible">
<tspan dy="1em" x="20.25">MARKETING</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(4,4) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/money_coins.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="21" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-392,-80) scale(1,1)"
visibility="visible">
<rect width="143" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="139"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="italic" font-weight="normal" fill="#e06666"
style="cursor: move; " y="3" x="3" visibility="visible">
<tspan dy="1em" x="3">son una herramienta de:</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="13"
transform="translate(NaN,3) scale(NaN,0.13)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(128,57) scale(1,1)"
visibility="visible">
<rect width="158" height="27" rx="4.05" ry="4.05" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="21" x2="154"
y2="21"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#00ff00"
style="cursor: move; " y="4" x="20.25" visibility="visible">
<tspan dy="1em" x="20.25">Tipos de Paginas WEB</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(4,4) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/hard_computer.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="157" cy="21" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312,-117) scale(1,1)"
visibility="visible">
<rect width="124" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0" style="cursor: move; "></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="120"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#023bb9"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">Por su audiencia</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="123" cy="19" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/onoff_status_online.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(462,-143) scale(1,1)"
visibility="visible">
<rect width="66" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="62"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#3d85c6"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Públicos</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/people_group.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(462,-116) scale(1,1)"
visibility="visible">
<rect width="52" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="48"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#3d85c6"
style="cursor: move; " y="3" x="3" visibility="visible">
<tspan dy="1em" x="3">Extranet</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"
transform="translate(NaN,3) scale(NaN,0.11)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(462,-89) scale(1,1)"
visibility="visible">
<rect width="51" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="47"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#3d85c6"
style="cursor: move; " y="3" x="3" visibility="visible">
<tspan dy="1em" x="3">Intranet</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"
transform="translate(NaN,3) scale(NaN,0.11)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312,-36) scale(1,1)"
visibility="visible">
<rect width="131" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0" style="cursor: move; "></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="127"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#023bb9"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">Por su dinamismo</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="130" cy="19" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/arrowc_rotate_anticlockwise.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(469,-62) scale(1,1)"
visibility="visible">
<rect width="105" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="101"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#3d85c6"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Por su estructura</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/chart_organisation.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(469,-35) scale(1,1)"
visibility="visible">
<rect width="111" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="107"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#3d85c6"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Sitios Interactivos</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/hard_cd.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(469,-8) scale(1,1)"
visibility="visible">
<rect width="98" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="94"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#3d85c6"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Sitios estáticos</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/mail_edit.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312,18) scale(1,1)"
visibility="visible">
<rect width="138" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0" style="cursor: move; "></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="134"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#023bb9"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">Por su profundidad</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/arrow_down.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312,113) scale(1,1)"
visibility="visible">
<rect width="128" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0" style="cursor: move; "></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="124"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#023bb9"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">Por sus objetivos</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="127" cy="19" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/thumb_thumb_up.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(466,47) scale(1,1)"
visibility="visible">
<rect width="84" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="80"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#0b5394"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Comerciales</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/money_coins.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(466,74) scale(1,1)"
visibility="visible">
<rect width="85" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="81"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#0b5394"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Informativos</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/chart_line.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(466,101) scale(1,1)"
visibility="visible">
<rect width="50" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="46"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#0b5394"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Ocio</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/hard_controller.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(466,128) scale(1,1)"
visibility="visible">
<rect width="81" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="77"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#0b5394"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Navegación</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/time_hourglass.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(466,155) scale(1,1)"
visibility="visible">
<rect width="73" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="69"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#0b5394"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Artísticos</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/thumb_thumb_up.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(466,182) scale(1,1)"
visibility="visible">
<rect width="78" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="74"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#0b5394"
style="cursor: move; " y="3" x="16.75" visibility="visible">
<tspan dy="1em" x="16.75">Personales</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="11" height="11"
transform="translate(3,3) scale(0.11,0.11)">
<image preserveAspectRatio="none" xlink:href="icons/onoff_status_online.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(312,235) scale(1,1)"
visibility="visible">
<rect width="118" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0" style="cursor: move; "></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="114"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#023bb9"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">Por su apertura</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="117" cy="19" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/arrow_up.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(456,209) scale(1,1)"
visibility="visible">
<rect width="45" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="41"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#bf9000"
style="cursor: move; " y="3" x="3" visibility="visible">
<tspan dy="1em" x="3">abierta</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"
transform="translate(NaN,3) scale(NaN,0.11)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(456,236) scale(1,1)"
visibility="visible">
<rect width="48" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="44"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#bf9000"
style="cursor: move; " y="3" x="3" visibility="visible">
<tspan dy="1em" x="3">cerrada</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"
transform="translate(NaN,3) scale(NaN,0.11)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(456,263) scale(1,1)"
visibility="visible">
<rect width="69" height="23" rx="3.4499999999999997" ry="3.4499999999999997" x="-2" y="-3" stroke-width="1px"
stroke="rgb(241,163,39)" fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="17" x2="65"
y2="17"></line>
<text font-family="verdana" font-size="8.0625" font-style="normal" font-weight="normal" fill="#bf9000"
style="cursor: move; " y="3" x="3" visibility="visible">
<tspan dy="1em" x="3">semicerrada</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="11"
transform="translate(NaN,3) scale(NaN,0.11)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-206,-14) scale(1,1)"
visibility="visible">
<rect width="83" height="27" rx="4.05" ry="4.05" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="21" x2="79"
y2="21"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#e69138"
style="cursor: move; " y="4" x="4" visibility="visible">
<tspan dy="1em" x="4">Importancia</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="21" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="13"
transform="translate(NaN,4) scale(NaN,0.13)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-302,-12) scale(1,1)"
visibility="visible">
<rect width="70" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="66"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="italic" font-weight="normal" fill="#b45f06"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">internet</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/hard_computer.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="19" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-452,-41) scale(1,1)"
visibility="visible">
<rect width="125" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="121"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#cc0000"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">medio de difusion</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/hard_driver_disk.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-398,-12) scale(1,1)"
visibility="visible">
<rect width="70" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="66"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#cc0000"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">popular</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/people_group.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-414,16) scale(1,1)"
visibility="visible">
<rect width="86" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="82"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#cc0000"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">economico</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/money_dollar.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-195,56) scale(1,1)"
visibility="visible">
<rect width="72" height="27" rx="4.05" ry="4.05" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="21" x2="68"
y2="21"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="bold" fill="#9900ff"
style="cursor: move; " y="4" x="4" visibility="visible">
<tspan dy="1em" x="4">Atractivas</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="21" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="13"
transform="translate(NaN,4) scale(NaN,0.13)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-383,58) scale(1,1)"
visibility="visible">
<rect width="162" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="158"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#674ea7"
style="cursor: move; " y="3" x="19.25" visibility="visible">
<tspan dy="1em" x="19.25">Combinacion de Colores</tspan>
</text>
<g preserveAspectRatio="none" focusable="true" width="13" height="13"
transform="translate(3,3) scale(0.13,0.13)">
<image preserveAspectRatio="none" xlink:href="icons/object_rainbow.png" width="90" height="90"
style="cursor: pointer; " y="5" x="5"></image>
</g>
<ellipse width="6" height="6" rx="3" ry="3" cx="-3" cy="19" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="visible"></ellipse>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-471,44) scale(1,1)"
visibility="visible">
<rect width="63" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="59"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#c27ba0"
style="cursor: move; " y="3" x="3" visibility="visible">
<tspan dy="1em" x="3">contraste</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="13"
transform="translate(NaN,3) scale(NaN,0.13)"></g>
</g>
<g preserveAspectRatio="none" focusable="true" width="100" height="100" transform="translate(-539,73) scale(1,1)"
visibility="visible">
<rect width="130" height="25" rx="3.75" ry="3.75" x="-2" y="-3" stroke-width="1px" stroke="rgb(241,163,39)"
fill="rgb(252,235,192)" stroke-opacity="0" fill-opacity="0"></rect>
<line stroke-width="1px" stroke="#495879" stroke-opacity="1" style="cursor: move; " x1="0" y1="19" x2="126"
y2="19"></line>
<text font-family="verdana" font-size="10.75" font-style="normal" font-weight="normal" fill="#c27ba0"
style="cursor: move; " y="3" x="3" visibility="visible">
<tspan dy="1em" x="3">significado de colores</tspan>
</text>
<ellipse width="6" height="6" rx="3" ry="3" cx="3" cy="3" stroke-width="1px" stroke="rgb(2,59,185)"
fill="rgb(224,229,239)" style="cursor: default; " visibility="hidden"></ellipse>
<g preserveAspectRatio="none" focusable="true" width="0" height="13"
transform="translate(NaN,3) scale(NaN,0.13)"></g>
</g>
<rect width="50" height="6" rx="0" ry="0" x="-200" y="-106" stroke-width="1px" stroke="#FF9933" fill="#CC0033"
stroke-opacity="0.4" fill-opacity="0.4" visibility="hidden"></rect>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB