OpenWetWare talk:Software/Image Editor: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 22: Line 22:


==Interesting tests on overlays==
==Interesting tests on overlays==
It looks really powerful as the bitmap is in fact a xlink reference (examples are from [http://www.w3.org/2001/08/rdfweb/svg-foaf.html w3.org]) Only the contor is described in the SVG code.
It looks really powerful as the bitmap is in fact a xlink reference (examples are from [http://www.w3.org/2001/08/rdfweb/svg-foaf.html w3.org]) Only the contour is described in the SVG code.


We are now just missing a simple editor to start having gels and random images annotated.


<svg xmlns="http://www.w3.org/2000/svg">
 
   <image
 
  xlink:href="http://swordfish.rdfweb.org/photos/2001/07/30/000570.JPG">
<svg
     <desc>Dan Brickley, Jim Hendler, Dave</desc>
  xmlns:svg="http://www.w3.org/2000/svg"
  </image>
  xmlns="http://www.w3.org/2000/svg"
  <path stroke="black" fill="none"
  xmlns:xlink="http://www.w3.org/1999/xlink"
        d="M 2,121 C 6,116 15,119 20,122 C 26,125 33,137 36,144 C 39,151 39,170 40,178 C 40,181 41,189 42,193 C 42,197 44,209 45,214 C 45,217 43,225 43,229 C 42,230 41,235 40,237 C 38,238 34,241 34,244 C 33,246 31,250 34,253 C 35,254 37,253 39,254 C 40,254 42,257 44,258 C 50,260 63,256 70,258 C 76,259 91,264 97,268 C 103,272 114,283 118,290 C 120,294 120,305 121,310 C 121,315 124,327 125,333 C 126,346 128,377 129,391 C 129,404 136,435 132,451 C 131,453 128,458 125,460 C 119,462 111,451 105,456 C 94,463 107,481 98,489 C 71,510 15,511 1,487 C 0,486 1,485 2,485 C 22,399 -97,215 2,121 Z"/>
  version="1.0"
  <path stroke="black" fill="none" d="M 145,486 C 137,480 148,456 151,448 C 151,445 155,438 157,436 C 171,407 194,335 220,310 C 228,301 250,293 260,289 C 271,283 296,269 311,269 C 315,268 324,277 328,274 C 332,270 325,259 325,255 C 324,240 328,208 331,195 C 331,190 337,182 337,177 C 336,173 333,166 331,164 C 330,163 327,162 327,161 C 325,158 321,152 324,148 C 325,145 328,147 330,146 C 332,143 331,137 331,135 C 330,134 329,133 330,133 C 331,127 340,127 343,125 C 344,123 347,118 348,116 C 348,115 347,114 348,114 C 349,112 352,114 354,112 C 354,110 352,109 353,108 C 354,104 359,101 362,100 C 365,98 371,100 375,100 C 376,99 378,97 380,97 C 382,96 388,96 391,96 C 392,95 394,94 396,94 C 397,93 400,93 402,93 C 405,92 414,91 418,92 C 421,92 427,95 431,96 C 433,96 437,94 440,95 C 443,95 449,99 452,101 C 453,102 456,105 458,107 C 459,108 462,113 464,115 C 465,117 470,122 472,125 C 473,126 477,130 479,132 C 481,135 485,143 486,148 C 486,151 485,161 486,165 C 486,166 487,171 488,173 C 488,177 488,188 487,193 C 486,197 480,204 480,209 C 479,211 480,216 480,219 C 479,221 476,226 476,229 C 475,230 473,234 473,236 C 472,237 473,240 473,242 C 472,244 472,248 472,251 C 471,254 466,260 466,264 C 464,270 459,284 465,293 C 470,300 485,299 491,302 C 496,304 514,306 515,312 C 517,403 229,549 145,486 Z"/>
  width="744.09448"
  <path stroke="black" fill="none"
  height="1052.3622"
        d="M 639,69 C 627,63 606,94 597,102 C 593,105 583,112 580,117 C 575,122 567,135 565,142 C 562,146 560,158 559,163 C 557,167 551,176 549,181 C 546,185 540,194 539,199 C 537,202 537,211 535,215 C 533,218 527,223 524,225 C 518,227 505,221 499,227 C 496,229 497,233 497,236 C 496,239 495,246 498,250 C 499,252 504,251 506,254 C 507,256 505,260 505,262 C 503,266 499,274 498,279 C 496,283 491,294 495,301 C 500,310 519,306 525,315 C 528,320 530,329 525,335 C 521,338 515,333 513,336 C 507,340 503,350 504,357 C 504,362 513,369 514,375 C 515,386 510,408 507,418 C 505,421 499,428 499,433 C 498,436 499,444 500,448 C 500,451 503,460 505,464 C 507,468 512,477 517,481 C 520,483 529,486 533,487 C 554,491 604,487 626,488 C 626,488 626,488 626,488 C 741,376 726,113 639,69 Z"/>
  id="svg9129">
  <defs
    id="defs9131" />
   <g
    id="layer1">
    <image
      xlink:href="http://openwetware.org/images/9/97/8-31_gel_PT.jpg"
      x="42.85714"
      y="3.43362"
      width="640"
      height="475"
      id="image9177" />
    <rect
      width="54.285713"
      height="251.42857"
      x="37.142857"
      y="63.790752"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#00f100;stroke-width:5.0999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
      id="rect9180" />
     <rect
      width="173.00719"
      height="258.72147"
      x="95.78212"
      y="47.287163"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#00f100;stroke-width:12.53600025;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:37.60800076, 12.53600025;stroke-dashoffset:25.0720005;stroke-opacity:1"
      id="rect10067" />
    <rect
      width="228.57143"
      height="348.57144"
      x="397.14285"
      y="15.219325"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#f11500;stroke-width:5.0999999;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:15.29999971, 5.0999999;stroke-dashoffset:0;stroke-opacity:1"
      id="rect10071" />
    <text
      x="334.22855"
      y="-58.163361"
      transform="matrix(0,1,-1,0,0,0)"
      style="font-size:45px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text11843"
      xml:space="preserve"><tspan
        x="334.22855"
        y="-58.163361"
        style="fill:#fff200;fill-opacity:1"
        id="tspan11845">bla bla</tspan></text>
    <text
      x="350.18225"
      y="173.0761"
      transform="matrix(0.707107,0.707107,-0.707107,0.707107,0,0)"
      style="font-size:45px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text14502"
      xml:space="preserve"><tspan
        x="350.18225"
        y="173.0761"
        style="fill:#fff200;fill-opacity:1"
        id="tspan14504">bla bla</tspan></text>
    <text
      x="-583.71997"
      y="-381.37704"
      transform="scale(-1,-1)"
      style="font-size:45px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text14506"
      xml:space="preserve"><tspan
        x="-583.71997"
        y="-381.37704"
        style="fill:#fff200;fill-opacity:1"
        id="tspan14508">bla bla</tspan></text>
  </g>
</svg>
</svg>




<svg xmlns="http://www.w3.org/2000/svg">
<svg
  <image
  xmlns:svg="http://www.w3.org/2000/svg"
  xlink:href="http://swordfish.rdfweb.org/photos/2001/07/30/000555.JPG">
  xmlns="http://www.w3.org/2000/svg"
    <desc>Aaron and William</desc>
  xmlns:xlink="http://www.w3.org/1999/xlink"
   </image>
  version="1.0"
  <path stroke="black" fill="white" d="M 635,214 C 604,246 543,223 516,224 C 505,224 481,222 471,223 C 468,223 460,223 458,224 C 456,224 451,225 450,225 C 445,224 435,222 431,222 C 423,221 405,224 398,224 C 393,223 384,218 379,220 C 376,220 374,224 372,225 C 368,225 361,223 359,222 C 357,221 357,218 356,218 C 336,208 298,218 281,219 C 276,219 266,219 262,220 C 260,220 256,222 255,222 C 252,221 248,219 246,219 C 241,218 230,220 226,221 C 215,221 190,221 180,220 C 175,219 165,216 161,214 C 156,211 148,202 143,200 C 138,197 129,192 123,196 C 117,199 118,209 117,213 C 114,217 110,228 106,232 C 102,235 92,239 88,240 C 81,240 69,238 64,236 C 55,231 41,217 36,211 C 29,203 19,184 16,175 C 12,164 6,140 7,129 C 7,125 7,118 11,115 C 19,107 38,112 47,106 C 49,104 49,98 52,96 C 55,92 65,88 70,88 C 74,87 83,85 88,88 C 91,89 94,95 97,98 C 98,99 100,103 103,104 C 106,104 110,102 112,100 C 123,86 123,53 130,40 C 133,33 142,19 150,15 C 152,13 159,12 163,12 C 244,2 516,-10 519,10 C 519,11 504,7 501,14 C 496,21 500,32 507,37 C 540,63 602,30 632,39 C 633,39 635,41 637,42 C 637,42 637,42 637,42 C 683,89 678,167 635,214 Z"/>
  width="1052.3622"
   <path stroke="black" fill="white" d="M 634,339 C 614,318 580,358 560,338 C 555,333 564,324 560,320 C 549,310 531,321 523,323 C 506,325 470,339 454,342 C 443,343 420,346 410,342 C 401,338 394,322 387,319 C 382,317 374,317 370,318 C 351,320 310,331 294,342 C 291,343 288,347 287,349 C 282,355 275,371 271,378 C 268,381 265,391 259,391 C 254,390 253,382 251,381 C 248,378 240,376 238,375 C 236,374 231,372 230,371 C 228,369 228,366 227,365 C 226,364 225,364 225,364 C 222,363 215,364 213,364 C 211,363 207,363 206,363 C 201,362 190,360 186,362 C 179,363 168,370 164,375 C 160,378 156,386 155,391 C 152,397 148,414 149,422 C 149,426 154,436 157,440 C 159,443 165,448 169,451 C 173,454 184,462 191,463 C 196,463 205,460 210,459 C 213,457 221,453 225,451 C 228,448 235,444 238,441 C 239,439 238,434 240,433 C 243,429 249,427 254,429 C 271,435 279,465 288,476 C 290,479 296,486 301,488 C 332,500 399,489 429,488 C 470,485 574,522 611,468 C 616,460 598,449 604,442 C 610,433 627,450 636,441 C 652,423 633,392 633,378 C 632,369 644,349 634,339 Z"/>
  height="744.09448"
  id="svg2">
   <defs
    id="defs4">
    <marker
      refX="0"
      refY="0"
      orient="auto"
      style="overflow:visible"
      id="Arrow2Mstart">
      <path
        d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
        transform="scale(0.6,0.6)"
        style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
        id="path3064" />
    </marker>
    <marker
      refX="0"
      refY="0"
      orient="auto"
      style="overflow:visible"
      id="Arrow1Lstart">
      <path
        d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z "
        transform="matrix(0.8,0,0,0.8,10,0)"
        style="fill-rule:evenodd;stroke:black;stroke-width:1pt;marker-start:none"
        id="path3088" />
    </marker>
  </defs>
  <g
    id="layer2">
    <image
      xlink:href="http://openwetware.org/images/6/62/T9002coloniesforPCR2.png"
      x="-97.714294"
      y="-110.76266"
      width="1344"
      height="1024"
      id="image6904" />
   </g>
  <g
    style="opacity:1"
    id="layer1">
    <path
      d="M 579.99998,294.09448 A 138.57143,92.85714 0 1 1 579.95959,291.85244"
      transform="matrix(0.588349,0.808607,-0.808607,0.588349,419.5214,-235.878)"
      style="opacity:1;fill:#fff200;fill-opacity:0.23684214;stroke:#f11500;stroke-width:5.00000048;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:15.0000013, 5.00000043;stroke-dashoffset:10.00000127;stroke-opacity:1"
      id="path2022" />
    <path
      d="M 434.28572,531.23737 A 91.428574,67.14286 0 1 1 434.25907,529.6162"
      transform="translate(14,24)"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#f11500;stroke-width:12.53600025;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:12.53600025, 25.0720005;stroke-dashoffset:25.0719995;stroke-opacity:1"
      id="path2024" />
    <rect
      width="251.42853"
      height="74.285698"
      x="433.94482"
      y="-246.98447"
      transform="matrix(0.860894,0.508784,-0.508784,0.860894,0,0)"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#32f500;stroke-width:2.00000048;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:4.00000064;stroke-opacity:1"
      id="rect2026" />
    <path
      d="M 620,424.09448 C 628.49535,431.10809 636.68674,437.87237 644.58503,444.3962 C 865.13184,626.56333 857.14286,621.23734 857.14286,621.23734"
      style="fill:#f90000;fill-opacity:1;fill-rule:evenodd;stroke:#ef0000;stroke-width:6.4000001;stroke-linecap:butt;stroke-linejoin:miter;marker-start:url(#Arrow2Mstart);stroke-miterlimit:4;stroke-dasharray:12.8, 6.4;stroke-dashoffset:0;stroke-opacity:1"
      id="path2028" />
    <path
      d="M 725.71429,189.80877 L 617.14286,264.09448 L 657.14286,395.52305 L 768.57143,455.52305 L 840,404.09448 L 714.28571,378.3802 L 708.57143,278.3802 L 754.28571,326.95163 L 811.42857,301.23734 L 797.14286,218.3802 L 725.71429,189.80877 z "
      style="fill:none;fill-rule:evenodd;stroke:#f700f9;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
      id="path5752" />
    <text
      x="452.85751"
      y="-162.20145"
      transform="matrix(0.838229,0.545319,-0.545319,0.838229,0,0)"
      style="font-size:45.00001526px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#00ef00;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text5754"
      xml:space="preserve"><tspan
        x="452.85751"
        y="-162.20145"
        id="tspan5756">bla bla bla</tspan></text>
    <text
      x="296.83838"
      y="354.22247"
      style="font-size:45px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text5758"
      xml:space="preserve"><tspan
        x="296.83838"
        y="354.22247"
        id="tspan5760">bla bla bla</tspan></text>
    <text
      x="767.98785"
      y="661.74335"
      transform="matrix(0.999972,7.418635e-3,-7.418635e-3,0.999972,0,0)"
      style="font-size:44.99958038px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#00ef00;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text6647"
      xml:space="preserve"><tspan
        x="767.98785"
        y="661.74335"
        id="tspan6649">bla bla bla</tspan></text>
  </g>
</svg>
</svg>

Latest revision as of 09:10, 24 November 2006

Austin Che 22:55, 10 November 2006 (EST): Some of the comments on the limits aren't really true. For example, you can embed SVG already using wikitex. For example:

<svg> <rect fill="red" stroke="black" x="15" y="15" width="100" height="50"/> <circle fill="yellow" stroke="black" cx="62" cy="135" r="20"/> </svg>

Other things like graphs and chemical diagrams (see Amino acids) are already doable. What's missing may be a WYSIWYG editor also.

SVG image support

--Vincent 14:51, 11 November 2006 (EST): That's right, SVG is already handled within MediaWiki (see documentation). However, it is quite a limited use of SVG as SVG files are PNG rasterized. It prevents to benefit from the all world of SVG interactivity (animations, links). But at the end I agree that for some static vector graphics, it could be better to rely on SVG rasterization instead of having to use an applet as a viewer (which might be slow to launch).

As you mentionned, the editing of SVG still lacks some sort of ergonomy. It should be handled by a graphical interface(e.g.applet). It would be too constraining to ask users to update raw SVG files.

About images on OWW, here is a list of the different types of images that could be useful:

  • array of pixels (PNG, JPEG, GIF) --> natively handled by MediaWiki
  • vector graphics without interactivity (SVG) --> handled by MediaWiki as rasterized images (PNG)
  • vector graphics with interactivity (SVG) --> not handled
  • array of pixels with vector graphics overlays (PNG, JPEG, GIF embedded into SVG) --> need to try if PNG raster works

Interesting tests on overlays

It looks really powerful as the bitmap is in fact a xlink reference (examples are from w3.org) Only the contour is described in the SVG code.

We are now just missing a simple editor to start having gels and random images annotated.


<svg

  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  version="1.0"
  width="744.09448"
  height="1052.3622"
  id="svg9129">
 <defs
    id="defs9131" />
 <g
    id="layer1">
   <image
      xlink:href="http://openwetware.org/images/9/97/8-31_gel_PT.jpg"
      x="42.85714"
      y="3.43362"
      width="640"
      height="475"
      id="image9177" />
   <rect
      width="54.285713"
      height="251.42857"
      x="37.142857"
      y="63.790752"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#00f100;stroke-width:5.0999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
      id="rect9180" />
   <rect
      width="173.00719"
      height="258.72147"
      x="95.78212"
      y="47.287163"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#00f100;stroke-width:12.53600025;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:37.60800076, 12.53600025;stroke-dashoffset:25.0720005;stroke-opacity:1"
      id="rect10067" />
   <rect
      width="228.57143"
      height="348.57144"
      x="397.14285"
      y="15.219325"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#f11500;stroke-width:5.0999999;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:15.29999971, 5.0999999;stroke-dashoffset:0;stroke-opacity:1"
      id="rect10071" />
   <text
      x="334.22855"
      y="-58.163361"
      transform="matrix(0,1,-1,0,0,0)"
      style="font-size:45px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text11843"
      xml:space="preserve"><tspan
        x="334.22855"
        y="-58.163361"
        style="fill:#fff200;fill-opacity:1"
        id="tspan11845">bla bla</tspan></text>
   <text
      x="350.18225"
      y="173.0761"
      transform="matrix(0.707107,0.707107,-0.707107,0.707107,0,0)"
      style="font-size:45px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text14502"
      xml:space="preserve"><tspan
        x="350.18225"
        y="173.0761"
        style="fill:#fff200;fill-opacity:1"
        id="tspan14504">bla bla</tspan></text>
   <text
      x="-583.71997"
      y="-381.37704"
      transform="scale(-1,-1)"
      style="font-size:45px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text14506"
      xml:space="preserve"><tspan
        x="-583.71997"
        y="-381.37704"
        style="fill:#fff200;fill-opacity:1"
        id="tspan14508">bla bla</tspan></text>
 </g>

</svg>


<svg

  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  version="1.0"
  width="1052.3622"
  height="744.09448"
  id="svg2">
 <defs
    id="defs4">
   <marker
      refX="0"
      refY="0"
      orient="auto"
      style="overflow:visible"
      id="Arrow2Mstart">
     <path
        d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
        transform="scale(0.6,0.6)"
        style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round"
        id="path3064" />
   </marker>
   <marker
      refX="0"
      refY="0"
      orient="auto"
      style="overflow:visible"
      id="Arrow1Lstart">
     <path
        d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z "
        transform="matrix(0.8,0,0,0.8,10,0)"
        style="fill-rule:evenodd;stroke:black;stroke-width:1pt;marker-start:none"
        id="path3088" />
   </marker>
 </defs>
 <g
    id="layer2">
   <image
      xlink:href="http://openwetware.org/images/6/62/T9002coloniesforPCR2.png"
      x="-97.714294"
      y="-110.76266"
      width="1344"
      height="1024"
      id="image6904" />
 </g>
 <g
    style="opacity:1"
    id="layer1">
   <path
      d="M 579.99998,294.09448 A 138.57143,92.85714 0 1 1 579.95959,291.85244"
      transform="matrix(0.588349,0.808607,-0.808607,0.588349,419.5214,-235.878)"
      style="opacity:1;fill:#fff200;fill-opacity:0.23684214;stroke:#f11500;stroke-width:5.00000048;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:15.0000013, 5.00000043;stroke-dashoffset:10.00000127;stroke-opacity:1"
      id="path2022" />
   <path
      d="M 434.28572,531.23737 A 91.428574,67.14286 0 1 1 434.25907,529.6162"
      transform="translate(14,24)"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#f11500;stroke-width:12.53600025;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:12.53600025, 25.0720005;stroke-dashoffset:25.0719995;stroke-opacity:1"
      id="path2024" />
   <rect
      width="251.42853"
      height="74.285698"
      x="433.94482"
      y="-246.98447"
      transform="matrix(0.860894,0.508784,-0.508784,0.860894,0,0)"
      style="opacity:1;fill:none;fill-opacity:1;stroke:#32f500;stroke-width:2.00000048;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:4.00000064;stroke-opacity:1"
      id="rect2026" />
   <path
      d="M 620,424.09448 C 628.49535,431.10809 636.68674,437.87237 644.58503,444.3962 C 865.13184,626.56333 857.14286,621.23734 857.14286,621.23734"
      style="fill:#f90000;fill-opacity:1;fill-rule:evenodd;stroke:#ef0000;stroke-width:6.4000001;stroke-linecap:butt;stroke-linejoin:miter;marker-start:url(#Arrow2Mstart);stroke-miterlimit:4;stroke-dasharray:12.8, 6.4;stroke-dashoffset:0;stroke-opacity:1"
      id="path2028" />
   <path
      d="M 725.71429,189.80877 L 617.14286,264.09448 L 657.14286,395.52305 L 768.57143,455.52305 L 840,404.09448 L 714.28571,378.3802 L 708.57143,278.3802 L 754.28571,326.95163 L 811.42857,301.23734 L 797.14286,218.3802 L 725.71429,189.80877 z "
      style="fill:none;fill-rule:evenodd;stroke:#f700f9;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
      id="path5752" />
   <text
      x="452.85751"
      y="-162.20145"
      transform="matrix(0.838229,0.545319,-0.545319,0.838229,0,0)"
      style="font-size:45.00001526px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#00ef00;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text5754"
      xml:space="preserve"><tspan
        x="452.85751"
        y="-162.20145"
        id="tspan5756">bla bla bla</tspan></text>
   <text
      x="296.83838"
      y="354.22247"
      style="font-size:45px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:black;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text5758"
      xml:space="preserve"><tspan
        x="296.83838"
        y="354.22247"
        id="tspan5760">bla bla bla</tspan></text>
   <text
      x="767.98785"
      y="661.74335"
      transform="matrix(0.999972,7.418635e-3,-7.418635e-3,0.999972,0,0)"
      style="font-size:44.99958038px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#00ef00;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial"
      id="text6647"
      xml:space="preserve"><tspan
        x="767.98785"
        y="661.74335"
        id="tspan6649">bla bla bla</tspan></text>
 </g>

</svg>