I'm having issues with PictureFillSymbol.
Using this code
<SPAN class="keyword token">var</SPAN> polygon <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Polygon</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
rings<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>
<SPAN class="punctuation token">[</SPAN>
<SPAN class="punctuation token">[</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">97.06138</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">32.837</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="punctuation token">[</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">100.06133</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">35.836</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="punctuation token">[</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">100.06124</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">32.834</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="punctuation token">[</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">97.06138</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">32.837</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN>
<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">[</SPAN>
<SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
<SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN>
<SPAN class="punctuation token">]</SPAN>
<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
hasZ<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">,</SPAN>
hasM<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">,</SPAN>
spatialReference<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN> wkid<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">4326</SPAN> <SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="comment token">// This works</SPAN>
<SPAN class="comment token">// var fillSymbol = new SimpleFillSymbol({</SPAN>
<SPAN class="comment token">// color: new Color([227, 139, 79, 0.8]),</SPAN>
<SPAN class="comment token">// outline: { // autocasts as new SimpleLineSymbol()</SPAN>
<SPAN class="comment token">// color: new Color([255, 255, 255]),</SPAN>
<SPAN class="comment token">// width: 1</SPAN>
<SPAN class="comment token">// }</SPAN>
<SPAN class="comment token">// });</SPAN>
<SPAN class="comment token">// This gives an error</SPAN>
<SPAN class="keyword token">var</SPAN> fillSymbol <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">PictureFillSymbol</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
url<SPAN class="punctuation token">:</SPAN> url<SPAN class="punctuation token">,</SPAN>
width<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">12</SPAN><SPAN class="punctuation token">,</SPAN>
height<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">12</SPAN><SPAN class="punctuation token">,</SPAN>
xoffset<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN>
xscale<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN>
yoffset<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN>
yscale<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN>
outline<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
color<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Color</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">255</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
width<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN>
<SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">var</SPAN> polygonGraphic <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Graphic</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
geometry<SPAN class="punctuation token">:</SPAN> polygon<SPAN class="punctuation token">,</SPAN>
symbol<SPAN class="punctuation token">:</SPAN> fillSymbol
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
layer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>polygonGraphic<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>I get this error
Uncaught TypeError<SPAN class="punctuation token">:</SPAN> Right<SPAN class="operator token">-</SPAN>hand side <SPAN class="keyword token">of</SPAN> <SPAN class="string token">'instanceof'</SPAN> is not an object
at b<SPAN class="punctuation token">.</SPAN>l<SPAN class="punctuation token">.</SPAN>_getParentSurface <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">333</SPAN><SPAN class="punctuation token">)</SPAN>
at b<SPAN class="punctuation token">.</SPAN>l<SPAN class="punctuation token">.</SPAN>_setFillObject <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">333</SPAN><SPAN class="punctuation token">)</SPAN>
at b<SPAN class="punctuation token">.</SPAN>l<SPAN class="punctuation token">.</SPAN>setFill <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">330</SPAN><SPAN class="punctuation token">)</SPAN>
at Object<SPAN class="punctuation token">.</SPAN>m<SPAN class="punctuation token">.</SPAN>styleShape <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">381</SPAN><SPAN class="punctuation token">)</SPAN>
at f<SPAN class="punctuation token">.</SPAN>render <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">368</SPAN><SPAN class="punctuation token">)</SPAN>
at d<SPAN class="punctuation token">.</SPAN>renderChild <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">364</SPAN><SPAN class="punctuation token">)</SPAN>
at d<SPAN class="punctuation token">.</SPAN>renderChildren <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">259</SPAN><SPAN class="punctuation token">)</SPAN>
at d<SPAN class="punctuation token">.</SPAN>render <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">255</SPAN><SPAN class="punctuation token">)</SPAN>
at m<SPAN class="punctuation token">.</SPAN>renderChild <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">290</SPAN><SPAN class="punctuation token">)</SPAN>
at m<SPAN class="punctuation token">.</SPAN>d<SPAN class="punctuation token">.</SPAN>renderChildren <SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>js<SPAN class="punctuation token">:</SPAN><SPAN class="number token">259</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
I've tried this with a couple different pictures including locally hosted ones and external ones, same error. I've logged all the objects and they all seem to be created fine, there's just this error on render.