https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/svg-built-from-datauri-in-picturemarkersymbol/m-p/1377233#M83521 <P>Hello,</P><P>We have an algorithm in our product that generates a pie chart in the form of an SVG data URI. This can be viewed on the browser to ensure the image is generated correctly.</P><P>In esri 3, the only adjustment needed to the SVG was to translate it by half the width and height of the intended graphic, agnostic across all browsers.</P><P>In esri 4, the same URI produces a graphic that is cut off, shrunken, and also taller than it is wide. This seems to be related to the window.devicePixelRatio but I am not able to debug further what else it is related to.</P><P>I have attached two codePens. Does anyone have insight into how we would have to adjust our SVG or the graphic settings to achieve the same result?</P><P><A href="https://codepen.io/jacksonqiu/pen/NWJYzLv?editors=1000" target="_blank" rel="noopener">https://codepen.io/jacksonqiu/pen/NWJYzLv?editors=1000</A>&nbsp;(esri 3)<BR /><A href="https://codepen.io/jacksonqiu/pen/yLwKqXZ" target="_blank" rel="noopener">https://codepen.io/jacksonqiu/pen/yLwKqXZ</A>&nbsp;(esri 4)</P> Thu, 01 Feb 2024 19:45:07 GMT JacksonQiu 2024-02-01T19:45:07Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/svg-built-from-datauri-in-picturemarkersymbol/m-p/1377233#M83521 <P>Hello,</P><P>We have an algorithm in our product that generates a pie chart in the form of an SVG data URI. This can be viewed on the browser to ensure the image is generated correctly.</P><P>In esri 3, the only adjustment needed to the SVG was to translate it by half the width and height of the intended graphic, agnostic across all browsers.</P><P>In esri 4, the same URI produces a graphic that is cut off, shrunken, and also taller than it is wide. This seems to be related to the window.devicePixelRatio but I am not able to debug further what else it is related to.</P><P>I have attached two codePens. Does anyone have insight into how we would have to adjust our SVG or the graphic settings to achieve the same result?</P><P><A href="https://codepen.io/jacksonqiu/pen/NWJYzLv?editors=1000" target="_blank" rel="noopener">https://codepen.io/jacksonqiu/pen/NWJYzLv?editors=1000</A>&nbsp;(esri 3)<BR /><A href="https://codepen.io/jacksonqiu/pen/yLwKqXZ" target="_blank" rel="noopener">https://codepen.io/jacksonqiu/pen/yLwKqXZ</A>&nbsp;(esri 4)</P> Thu, 01 Feb 2024 19:45:07 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/svg-built-from-datauri-in-picturemarkersymbol/m-p/1377233#M83521 JacksonQiu 2024-02-01T19:45:07Z