[Geoserver-users] Polygon pattern made of multiples SVGs

[Geoffrey]

Hello,

I would like to have a polygon filled with a pattern made from multiple
SVGs, or one SVGs but with different placements.

For example, I tried this:

<se:PolygonSymbolizer>
  <se:Fill>
    <se:GraphicFill>
      <se:Graphic>
        <se:ExternalGraphic>
          <se:OnlineResource xlink:type="simple" xlink:href="pattern.svg" />
          <se:Format>image/svg+xml</se:Format>
        </se:ExternalGraphic>
        <se:Size>12</se:Size>
        <se:Displacement>
          <se:DisplacementX>18</se:DisplacementX>
          <se:DisplacementY>0</se:DisplacementY>
        </se:Displacement>
      </se:Graphic>
    </se:GraphicFill>
  </se:Fill>
</se:PolygonSymbolizer>
<se:PolygonSymbolizer>
  <se:Fill>
    <se:GraphicFill>
      <se:Graphic>
        <se:ExternalGraphic>
          <se:OnlineResource xlink:type="simple" xlink:href="pattern.svg" />
          <se:Format>image/svg+xml</se:Format>
        </se:ExternalGraphic>
        <se:Size>12</se:Size>
        <se:Displacement>
          <se:DisplacementX>9</se:DisplacementX>
          <se:DisplacementY>18</se:DisplacementY>
        </se:Displacement>
      </se:Graphic>
    </se:GraphicFill>
  </se:Fill>
</se:PolygonSymbolizer>

The goal was to have a pattern made from the image pattern.svg at 2
different places (that's why I try to use displacement)

Pattern.svg would be like this:
<http://osgeo-org.1560.x6.nabble.com/file/n5257478/patternimage.jpg&gt;

And the final pattern would render like so:
<http://osgeo-org.1560.x6.nabble.com/file/n5257478/pattern.jpg&gt;

Unfortunately, this is not working.

Any idea how to do this ?

Thank you

--
View this message in context: http://osgeo-org.1560.x6.nabble.com/Polygon-pattern-made-of-multiples-SVGs-tp5257478.html
Sent from the GeoServer - User mailing list archive at Nabble.com.

[Andrea_Aime4]

Hi Geoffrey,
try to play with the margin vendor option instead:

http://docs.geoserver.org/latest/en/user/styling/sld-extensions/margins.html

Cheers
Andrea

···

On Sun, Mar 20, 2016 at 1:52 PM, Geoffrey <balmeg@anonymised.com> wrote:

Hello,

I would like to have a polygon filled with a pattern made from multiple
SVGs, or one SVGs but with different placements.

For example, I tried this:

se:PolygonSymbolizer
se:Fill
se:GraphicFill
se:Graphic
se:ExternalGraphic
<se:OnlineResource xlink:type=“simple” xlink:href=“pattern.svg” />
se:Formatimage/svg+xml</se:Format>
</se:ExternalGraphic>
se:Size12</se:Size>
se:Displacement
se:DisplacementX18</se:DisplacementX>
se:DisplacementY0</se:DisplacementY>
</se:Displacement>
</se:Graphic>
</se:GraphicFill>
</se:Fill>
</se:PolygonSymbolizer>
se:PolygonSymbolizer
se:Fill
se:GraphicFill
se:Graphic
se:ExternalGraphic
<se:OnlineResource xlink:type=“simple” xlink:href=“pattern.svg” />
se:Formatimage/svg+xml</se:Format>
</se:ExternalGraphic>
se:Size12</se:Size>
se:Displacement
se:DisplacementX9</se:DisplacementX>
se:DisplacementY18</se:DisplacementY>
</se:Displacement>
</se:Graphic>
</se:GraphicFill>
</se:Fill>
</se:PolygonSymbolizer>

The goal was to have a pattern made from the image pattern.svg at 2
different places (that’s why I try to use displacement)

Pattern.svg would be like this:
<http://osgeo-org.1560.x6.nabble.com/file/n5257478/patternimage.jpg>

And the final pattern would render like so:
<http://osgeo-org.1560.x6.nabble.com/file/n5257478/pattern.jpg>

Unfortunately, this is not working.

Any idea how to do this ?

Thank you

–
View this message in context: http://osgeo-org.1560.x6.nabble.com/Polygon-pattern-made-of-multiples-SVGs-tp5257478.html
Sent from the GeoServer - User mailing list archive at Nabble.com.

---

Transform Data into Opportunity.
Accelerate data analysis in your applications with
Intel Data Analytics Acceleration Library.
Click to learn more.
http://pubads.g.doubleclick.net/gampad/clk?id=278785231&iu=/4140

---

Geoserver-users mailing list
Geoserver-users@anonymised.comsts.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/geoserver-users

–

==
GeoServer Professional Services from the experts! Visit
http://goo.gl/it488V for more information.

Ing. Andrea Aime

@geowolf
Technical Lead

GeoSolutions S.A.S.
Via di Montramito 3/A
55054 Massarosa (LU)
phone: +39 0584 962313

fax: +39 0584 1660272
mob: +39 339 8844549

http://www.geo-solutions.it
http://twitter.com/geosolutions_it

AVVERTENZE AI SENSI DEL D.Lgs. 196/2003

Le informazioni contenute in questo messaggio di posta elettronica e/o nel/i file/s allegato/i sono da considerarsi strettamente riservate. Il loro utilizzo è consentito esclusivamente al destinatario del messaggio, per le finalità indicate nel messaggio stesso. Qualora riceviate questo messaggio senza esserne il destinatario, Vi preghiamo cortesemente di darcene notizia via e-mail e di procedere alla distruzione del messaggio stesso, cancellandolo dal Vostro sistema. Conservare il messaggio stesso, divulgarlo anche in parte, distribuirlo ad altri soggetti, copiarlo, od utilizzarlo per finalità diverse, costituisce comportamento contrario ai principi dettati dal D.Lgs. 196/2003.

The information in this message and/or attachments, is intended solely for the attention and use of the named addressee(s) and may be confidential or proprietary in nature or covered by the provisions of privacy act (Legislative Decree June, 30 2003, no.196 - Italy’s New Data Protection Code).Any use not in accord with its purpose, any disclosure, reproduction, copying, distribution, or either dissemination, either whole or partial, is strictly forbidden except previous formal approval of the named addressee(s). If you are not the intended recipient, please contact immediately the sender by telephone, fax or e-mail and delete the information in this message that has been received in error. The sender does not give any warranty or accept liability as the content, accuracy or completeness of sent messages and accepts no responsibility for changes made after they were sent or for other risks which arise as a result of e-mail transmission, viruses, etc.

---

[Geoffrey]

Hi Andrea,

I tried to play with the margin plugin, and here is what I managed to
achieve:

<http://osgeo-org.1560.x6.nabble.com/file/n5257800/polygon.jpg&gt;

Unfortunately, as you can see this is not as the render I would like to
have:
<http://osgeo-org.1560.x6.nabble.com/file/n5257800/pattern.jpg&gt;

Here is the code I used:

          <se:PolygonSymbolizer>
            <se:Fill>
              <se:GraphicFill>
                <se:Graphic>
                  <se:ExternalGraphic>
                    <se:OnlineResource xlink:type="simple" xlink:href="pattern.svg" />
                    <se:Format>image/svg+xml</se:Format>
                  </se:ExternalGraphic>
                  <se:Size>12</se:Size>
                </se:Graphic>
              </se:GraphicFill>
            </se:Fill>
            <VendorOption name="graphic-margin">18 9 18 9</VendorOption>
            <se:Stroke>
              <se:SvgParameter name="stroke">#EA5471</se:SvgParameter>
              <se:SvgParameter name="stroke-width">1</se:SvgParameter>
            </se:Stroke>
          </se:PolygonSymbolizer>
          <se:PolygonSymbolizer>
            <se:Fill>
              <se:GraphicFill>
                <se:Graphic>
                  <se:ExternalGraphic>
                    <se:OnlineResource xlink:type="simple" xlink:href="pattern.svg" />
                    <se:Format>image/svg+xml</se:Format>
                  </se:ExternalGraphic>
                  <se:Size>12</se:Size>
                </se:Graphic>
              </se:GraphicFill>
            </se:Fill>
            <VendorOption name="graphic-margin">0 0 36 18</VendorOption>
            <se:Stroke>
              <se:SvgParameter name="stroke">#EA5471</se:SvgParameter>
              <se:SvgParameter name="stroke-width">1</se:SvgParameter>
            </se:Stroke>
          </se:PolygonSymbolizer>

Could the problem be because I'm not taking account of the size of the svg ?
If yes, how should I do ?
The svg I'm using is 10*10

Thank you for your help !

--
View this message in context: http://osgeo-org.1560.x6.nabble.com/Polygon-pattern-made-of-multiples-SVGs-tp5257478p5257800.html
Sent from the GeoServer - User mailing list archive at Nabble.com.

[Jonathan]

Hi Geoffrey,
It’s definitely possible to get aligned patterns that are symetrical (i.e. a grid-like layout); I’m not so sure about offset as you have as your desired output. I’d suggest just experimenting and post back the parameters if you get it working.
Cheers,
Jonathan

---- On Tue, 22 Mar 2016 11:59:24 +0000 Geoffrey balmeg@anonymised.com wrote ----

Hi Andrea,

I tried to play with the margin plugin, and here is what I managed to
achieve:

<http://osgeo-org.1560.x6.nabble.com/file/n5257800/polygon.jpg>

Unfortunately, as you can see this is not as the render I would like to
have:
<http://osgeo-org.1560.x6.nabble.com/file/n5257800/pattern.jpg>

Here is the code I used:

se:PolygonSymbolizer
se:Fill
se:GraphicFill
se:Graphic
se:ExternalGraphic
<se:OnlineResource xlink:type=“simple” xlink:href=“pattern.svg” />
se:Formatimage/svg+xml</se:Format>
</se:ExternalGraphic>
se:Size12</se:Size>
</se:Graphic>
</se:GraphicFill>
</se:Fill>
18 9 18 9
se:Stroke
<se:SvgParameter name=“stroke”>#EA5471</se:SvgParameter>
<se:SvgParameter name=“stroke-width”>1</se:SvgParameter>
</se:Stroke>
</se:PolygonSymbolizer>
se:PolygonSymbolizer
se:Fill
se:GraphicFill
se:Graphic
se:ExternalGraphic
<se:OnlineResource xlink:type=“simple” xlink:href=“pattern.svg” />
se:Formatimage/svg+xml</se:Format>
</se:ExternalGraphic>
se:Size12</se:Size>
</se:Graphic>
</se:GraphicFill>
</se:Fill>
0 0 36 18
se:Stroke
<se:SvgParameter name=“stroke”>#EA5471</se:SvgParameter>
<se:SvgParameter name=“stroke-width”>1</se:SvgParameter>
</se:Stroke>
</se:PolygonSymbolizer>

Could the problem be because I’m not taking account of the size of the svg ?
If yes, how should I do ?
The svg I’m using is 10*10

Thank you for your help !

–
View this message in context: http://osgeo-org.1560.x6.nabble.com/Polygon-pattern-made-of-multiples-SVGs-tp5257478p5257800.html
Sent from the GeoServer - User mailing list archive at Nabble.com.

---

Transform Data into Opportunity.
Accelerate data analysis in your applications with
Intel Data Analytics Acceleration Library.
Click to learn more.
http://pubads.g.doubleclick.net/gampad/clk?id=278785351&iu=/4140

---

Geoserver-users mailing list
Geoserver-users@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/geoserver-users

[Geoffrey]

I tried this quite hard, but I'm not able to have a better result than what I
posted above.

Any hint/help ?

--
View this message in context: http://osgeo-org.1560.x6.nabble.com/Polygon-pattern-made-of-multiples-SVGs-tp5257478p5258312.html
Sent from the GeoServer - User mailing list archive at Nabble.com.

[Andrea_Aime4]

Is this good enough?

<?xml version="1.0" encoding="UTF-8"?> Default Styler Default Styler triangle #fa8072 20 0 20 20 0 triangle #fa8072 20 20 0 0 20 first

Cheers
Andrea

···

On Fri, Mar 25, 2016 at 12:02 PM, Geoffrey <balmeg@anonymised.com> wrote:

I tried this quite hard, but I’m not able to have a better result than what I
posted above.

Any hint/help ?

–
View this message in context: http://osgeo-org.1560.x6.nabble.com/Polygon-pattern-made-of-multiples-SVGs-tp5257478p5258312.html

Sent from the GeoServer - User mailing list archive at Nabble.com.

---

Transform Data into Opportunity.
Accelerate data analysis in your applications with
Intel Data Analytics Acceleration Library.
Click to learn more.
http://pubads.g.doubleclick.net/gampad/clk?id=278785351&iu=/4140

---

Geoserver-users mailing list
Geoserver-users@anonymised.comsts.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/geoserver-users

–

==
GeoServer Professional Services from the experts! Visit
http://goo.gl/it488V for more information.

Ing. Andrea Aime

@geowolf
Technical Lead

GeoSolutions S.A.S.
Via di Montramito 3/A
55054 Massarosa (LU)
phone: +39 0584 962313

fax: +39 0584 1660272
mob: +39 339 8844549

http://www.geo-solutions.it
http://twitter.com/geosolutions_it

AVVERTENZE AI SENSI DEL D.Lgs. 196/2003

Le informazioni contenute in questo messaggio di posta elettronica e/o nel/i file/s allegato/i sono da considerarsi strettamente riservate. Il loro utilizzo è consentito esclusivamente al destinatario del messaggio, per le finalità indicate nel messaggio stesso. Qualora riceviate questo messaggio senza esserne il destinatario, Vi preghiamo cortesemente di darcene notizia via e-mail e di procedere alla distruzione del messaggio stesso, cancellandolo dal Vostro sistema. Conservare il messaggio stesso, divulgarlo anche in parte, distribuirlo ad altri soggetti, copiarlo, od utilizzarlo per finalità diverse, costituisce comportamento contrario ai principi dettati dal D.Lgs. 196/2003.

The information in this message and/or attachments, is intended solely for the attention and use of the named addressee(s) and may be confidential or proprietary in nature or covered by the provisions of privacy act (Legislative Decree June, 30 2003, no.196 - Italy’s New Data Protection Code).Any use not in accord with its purpose, any disclosure, reproduction, copying, distribution, or either dissemination, either whole or partial, is strictly forbidden except previous formal approval of the named addressee(s). If you are not the intended recipient, please contact immediately the sender by telephone, fax or e-mail and delete the information in this message that has been received in error. The sender does not give any warranty or accept liability as the content, accuracy or completeness of sent messages and accepts no responsibility for changes made after they were sent or for other risks which arise as a result of e-mail transmission, viruses, etc.

---