jsxgraph 1.6.0 → 1.6.1

package/distrib/docs/symbols/src/src_renderer_abstract.js.html

@@ -1264,1170 +1264,1171 @@
 <span class='line'>1257</span> </span><span class="WHIT">                                    </span><span class="NAME">MathJax.Hub.Queue</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="STRN">"Typeset"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">MathJax.Hub</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.rendNode</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>1258</span> </span><span class="WHIT">                                </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>1259</span> 
-<span class='line'>1260</span> </span><span class="WHIT">                                </span><span class="COMM">// Restore the transformation necessary for fullscreen mode</span><span class="WHIT">
-<span class='line'>1261</span> </span><span class="WHIT">                                </span><span class="COMM">// MathJax removes it when handling dynamic content</span><span class="WHIT">
-<span class='line'>1262</span> </span><span class="WHIT">                                </span><span class="NAME">id</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.container</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1263</span> </span><span class="WHIT">                                </span><span class="NAME">wrap_id</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"fullscreenwrap_"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1264</span> </span><span class="WHIT">                                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">wrap_id</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1265</span> </span><span class="WHIT">                                    </span><span class="NAME">scale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.containerObj._cssFullscreenStore.scale</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1266</span> </span><span class="WHIT">                                    </span><span class="NAME">vshift</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.containerObj._cssFullscreenStore.vshift</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1267</span> </span><span class="WHIT">                                    </span><span class="NAME">Env.scaleJSXGraphDiv</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1268</span> </span><span class="WHIT">                                        </span><span class="STRN">"#"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">wrap_id</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1269</span> </span><span class="WHIT">                                        </span><span class="STRN">"#"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1270</span> </span><span class="WHIT">                                        </span><span class="NAME">scale</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1271</span> </span><span class="WHIT">                                        </span><span class="NAME">vshift</span><span class="WHIT">
-<span class='line'>1272</span> </span><span class="WHIT">                                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1273</span> </span><span class="WHIT">                                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1274</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1275</span> </span><span class="WHIT">                                </span><span class="NAME">JXG.debug</span><span class="PUNC">(</span><span class="STRN">"MathJax (not yet) loaded"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1276</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1277</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.usekatex</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1278</span> </span><span class="WHIT">                            </span><span class="KEYW">try</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1279</span> </span><span class="WHIT">                                </span><span class="COMM">/* eslint-disable no-undef */</span><span class="WHIT">
-<span class='line'>1280</span> </span><span class="WHIT">                                </span><span class="NAME">katex.render</span><span class="PUNC">(</span><span class="NAME">content</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.rendNode</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1281</span> </span><span class="WHIT">                                    </span><span class="NAME">macros</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.katexmacros</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1282</span> </span><span class="WHIT">                                    </span><span class="NAME">throwOnError</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="WHIT">
-<span class='line'>1283</span> </span><span class="WHIT">                                </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1284</span> </span><span class="WHIT">                                </span><span class="COMM">/* eslint-enable no-undef */</span><span class="WHIT">
-<span class='line'>1285</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1286</span> </span><span class="WHIT">                                </span><span class="NAME">JXG.debug</span><span class="PUNC">(</span><span class="STRN">"KaTeX not loaded (yet)"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1287</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1288</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.useasciimathml</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1289</span> </span><span class="WHIT">                            </span><span class="COMM">// This is not a constructor.</span><span class="WHIT">
-<span class='line'>1290</span> </span><span class="WHIT">                            </span><span class="COMM">// See http://asciimath.org/ for more information</span><span class="WHIT">
-<span class='line'>1291</span> </span><span class="WHIT">                            </span><span class="COMM">// about AsciiMathML and the project's source code.</span><span class="WHIT">
-<span class='line'>1292</span> </span><span class="WHIT">                            </span><span class="KEYW">try</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1293</span> </span><span class="WHIT">                                </span><span class="NAME">AMprocessNode</span><span class="PUNC">(</span><span class="NAME">el.rendNode</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1294</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1295</span> </span><span class="WHIT">                                </span><span class="NAME">JXG.debug</span><span class="PUNC">(</span><span class="STRN">"AsciiMathML not loaded (yet)"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1296</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1297</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1298</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1299</span> 
-<span class='line'>1300</span> </span><span class="WHIT">                    </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.rotate</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1301</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1302</span> </span><span class="WHIT">                        </span><span class="COMM">// Don't forget to convert to rad</span><span class="WHIT">
-<span class='line'>1303</span> </span><span class="WHIT">                        </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Math.PI</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NUMB">180</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1304</span> </span><span class="WHIT">                        </span><span class="NAME">co</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.cos</span><span class="PUNC">(</span><span class="NAME">angle</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1305</span> </span><span class="WHIT">                        </span><span class="NAME">si</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.sin</span><span class="PUNC">(</span><span class="NAME">angle</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1306</span> 
-<span class='line'>1307</span> </span><span class="WHIT">                        </span><span class="NAME">el.rendNode.style</span><span class="PUNC">[</span><span class="STRN">'transform'</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'matrix('</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>1308</span> </span><span class="WHIT">                                </span><span class="PUNC">[</span><span class="NAME">co</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">si</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">si</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">co</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">join</span><span class="PUNC">(</span><span class="STRN">','</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
-<span class='line'>1309</span> </span><span class="WHIT">                            </span><span class="STRN">')'</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1310</span> </span><span class="WHIT">                        </span><span class="NAME">el.rendNode.style</span><span class="PUNC">[</span><span class="STRN">'transform-origin'</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">to_h</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">' '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">to_v</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1311</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1312</span> </span><span class="WHIT">                    </span><span class="NAME">this.transformImage</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.transformations</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1313</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1314</span> </span><span class="WHIT">                    </span><span class="NAME">this.updateInternalText</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1315</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1316</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1317</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1318</span> 
-<span class='line'>1319</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1320</span>          * Converts string containing CSS properties into
-<span class='line'>1321</span>          * array with key-value pair objects.
-<span class='line'>1322</span>          *
-<span class='line'>1323</span>          * @example
-<span class='line'>1324</span>          * "color:blue; background-color:yellow" is converted to
-<span class='line'>1325</span>          * [{'color': 'blue'}, {'backgroundColor': 'yellow'}]
-<span class='line'>1326</span>          *
-<span class='line'>1327</span>          * @param  {String} cssString String containing CSS properties
-<span class='line'>1328</span>          * @return {Array}           Array of CSS key-value pairs
-<span class='line'>1329</span>          */</span><span class="WHIT">
-<span class='line'>1330</span> </span><span class="WHIT">        </span><span class="NAME">_css2js</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cssString</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1331</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">pairs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1332</span> </span><span class="WHIT">                </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1333</span> </span><span class="WHIT">                </span><span class="NAME">len</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1334</span> </span><span class="WHIT">                </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1335</span> </span><span class="WHIT">                </span><span class="NAME">val</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1336</span> </span><span class="WHIT">                </span><span class="NAME">s</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1337</span> </span><span class="WHIT">                </span><span class="NAME">list</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.trim</span><span class="PUNC">(</span><span class="NAME">cssString</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">replace</span><span class="PUNC">(</span><span class="REGX">/;$/</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">split</span><span class="PUNC">(</span><span class="STRN">";"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1338</span> 
-<span class='line'>1339</span> </span><span class="WHIT">            </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">list.length</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1340</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="NAME">i</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1341</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.trim</span><span class="PUNC">(</span><span class="NAME">list</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1342</span> </span><span class="WHIT">                    </span><span class="NAME">s</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">list</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">split</span><span class="PUNC">(</span><span class="STRN">":"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1343</span> </span><span class="WHIT">                    </span><span class="NAME">key</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.trim</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1344</span> </span><span class="WHIT">                        </span><span class="NAME">s</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">replace</span><span class="PUNC">(</span><span class="REGX">/-([a-z])/gi</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">match</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">char</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1345</span> </span><span class="WHIT">                            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">char.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1346</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>1347</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1348</span> </span><span class="WHIT">                    </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.trim</span><span class="PUNC">(</span><span class="NAME">s</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1349</span> </span><span class="WHIT">                    </span><span class="NAME">pairs.push</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1350</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1351</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1352</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">pairs</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1353</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1354</span> 
-<span class='line'>1355</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1356</span>          * Updates font-size, color and opacity propertiey and CSS style properties of a {@link JXG.Text} node.
-<span class='line'>1357</span>          * This function is also called by highlight() and nohighlight().
-<span class='line'>1358</span>          * @param {JXG.Text} el Reference to the {@link JXG.Text} object, that has to be updated.
-<span class='line'>1359</span>          * @param {Boolean} doHighlight
-<span class='line'>1360</span>          * @see Text
-<span class='line'>1361</span>          * @see JXG.Text
-<span class='line'>1362</span>          * @see JXG.AbstractRenderer#drawText
-<span class='line'>1363</span>          * @see JXG.AbstractRenderer#drawInternalText
-<span class='line'>1364</span>          * @see JXG.AbstractRenderer#updateText
-<span class='line'>1365</span>          * @see JXG.AbstractRenderer#updateInternalText
-<span class='line'>1366</span>          * @see JXG.AbstractRenderer#updateInternalTextStyle
-<span class='line'>1367</span>          */</span><span class="WHIT">
-<span class='line'>1368</span> </span><span class="WHIT">        </span><span class="NAME">updateTextStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">doHighlight</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1369</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1370</span> </span><span class="WHIT">                </span><span class="NAME">so</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1371</span> </span><span class="WHIT">                </span><span class="NAME">sc</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1372</span> </span><span class="WHIT">                </span><span class="NAME">css</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1373</span> </span><span class="WHIT">                </span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1374</span> </span><span class="WHIT">                </span><span class="NAME">ev</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.visProp</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1375</span> </span><span class="WHIT">                </span><span class="NAME">display</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Env.isBrowser</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">ev.display</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"internal"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1376</span> </span><span class="WHIT">                </span><span class="NAME">nodeList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">"rendNode"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"rendNodeTag"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"rendNodeLabel"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1377</span> </span><span class="WHIT">                </span><span class="NAME">lenN</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">nodeList.length</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1378</span> </span><span class="WHIT">                </span><span class="NAME">fontUnit</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.fontunit</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1379</span> </span><span class="WHIT">                </span><span class="NAME">cssList</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1380</span> </span><span class="WHIT">                </span><span class="NAME">prop</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1381</span> </span><span class="WHIT">                </span><span class="NAME">style</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1382</span> </span><span class="WHIT">                </span><span class="NAME">cssString</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1383</span> </span><span class="WHIT">                </span><span class="NAME">styleList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">"cssdefaultstyle"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"cssstyle"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1384</span> </span><span class="WHIT">                </span><span class="NAME">lenS</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">styleList.length</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1385</span> 
-<span class='line'>1386</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">doHighlight</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1387</span> </span><span class="WHIT">                </span><span class="NAME">sc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.highlightstrokecolor</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1388</span> </span><span class="WHIT">                </span><span class="NAME">so</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.highlightstrokeopacity</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1389</span> </span><span class="WHIT">                </span><span class="NAME">css</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.highlightcssclass</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1390</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1391</span> </span><span class="WHIT">                </span><span class="NAME">sc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.strokecolor</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1392</span> </span><span class="WHIT">                </span><span class="NAME">so</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.strokeopacity</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1393</span> </span><span class="WHIT">                </span><span class="NAME">css</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.cssclass</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1394</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1395</span> 
-<span class='line'>1396</span> </span><span class="WHIT">            </span><span class="COMM">// This part is executed for all text elements except internal texts in canvas.</span><span class="WHIT">
-<span class='line'>1397</span> </span><span class="WHIT">            </span><span class="COMM">// HTML-texts or internal texts in SVG or VML.</span><span class="WHIT">
-<span class='line'>1398</span> </span><span class="WHIT">            </span><span class="COMM">//            HTML    internal</span><span class="WHIT">
-<span class='line'>1399</span> </span><span class="WHIT">            </span><span class="COMM">//  SVG        +         +</span><span class="WHIT">
-<span class='line'>1400</span> </span><span class="WHIT">            </span><span class="COMM">//  VML        +         +</span><span class="WHIT">
-<span class='line'>1401</span> </span><span class="WHIT">            </span><span class="COMM">//  canvas     +         -</span><span class="WHIT">
-<span class='line'>1402</span> </span><span class="WHIT">            </span><span class="COMM">//  no         -         -</span><span class="WHIT">
-<span class='line'>1403</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this.type</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"no"</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">display</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"html"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">this.type</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1404</span> </span><span class="WHIT">                </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">lenS</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">style</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1405</span> </span><span class="WHIT">                    </span><span class="COMM">// First set cssString to</span><span class="WHIT">
-<span class='line'>1406</span> </span><span class="WHIT">                    </span><span class="COMM">// ev.cssdefaultstyle of ev.highlightcssdefaultstyle,</span><span class="WHIT">
-<span class='line'>1407</span> </span><span class="WHIT">                    </span><span class="COMM">// then to</span><span class="WHIT">
-<span class='line'>1408</span> </span><span class="WHIT">                    </span><span class="COMM">// ev.cssstyle of ev.highlightcssstyle</span><span class="WHIT">
-<span class='line'>1409</span> </span><span class="WHIT">                    </span><span class="NAME">cssString</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1410</span> </span><span class="WHIT">                        </span><span class="NAME">ev</span><span class="PUNC">[</span><span class="PUNC">(</span><span class="NAME">doHighlight</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">"highlight"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">styleList</span><span class="PUNC">[</span><span class="NAME">style</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="WHIT">
-<span class='line'>1411</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1412</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cssString</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">el.visPropOld</span><span class="PUNC">[</span><span class="NAME">styleList</span><span class="PUNC">[</span><span class="NAME">style</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">cssString</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1413</span> </span><span class="WHIT">                        </span><span class="NAME">cssList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._css2js</span><span class="PUNC">(</span><span class="NAME">cssString</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1414</span> </span><span class="WHIT">                        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">lenN</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1415</span> </span><span class="WHIT">                            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1416</span> </span><span class="WHIT">                                </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">prop</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">cssList</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1417</span> </span><span class="WHIT">                                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cssList.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">prop</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1418</span> </span><span class="WHIT">                                        </span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">style</span><span class="PUNC">[</span><span class="NAME">cssList</span><span class="PUNC">[</span><span class="NAME">prop</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">key</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">
-<span class='line'>1419</span> </span><span class="WHIT">                                            </span><span class="NAME">cssList</span><span class="PUNC">[</span><span class="NAME">prop</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1420</span> </span><span class="WHIT">                                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1421</span> </span><span class="WHIT">                                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1422</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1423</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1424</span> </span><span class="WHIT">                        </span><span class="NAME">el.visPropOld</span><span class="PUNC">[</span><span class="NAME">styleList</span><span class="PUNC">[</span><span class="NAME">style</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cssString</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1425</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1426</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1427</span> 
-<span class='line'>1428</span> </span><span class="WHIT">                </span><span class="NAME">fs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.fontsize</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1429</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.visPropOld.fontsize</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1430</span> </span><span class="WHIT">                    </span><span class="NAME">el.needsSizeUpdate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1431</span> </span><span class="WHIT">                    </span><span class="KEYW">try</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1432</span> </span><span class="WHIT">                        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">lenN</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1433</span> </span><span class="WHIT">                            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1434</span> </span><span class="WHIT">                                </span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">style.fontSize</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">fontUnit</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1435</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1436</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1437</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1438</span> </span><span class="WHIT">                        </span><span class="COMM">// IE needs special treatment.</span><span class="WHIT">
-<span class='line'>1439</span> </span><span class="WHIT">                        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">lenN</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1440</span> </span><span class="WHIT">                            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1441</span> </span><span class="WHIT">                                </span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">style.fontSize</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1442</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1443</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1444</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1445</span> </span><span class="WHIT">                    </span><span class="NAME">el.visPropOld.fontsize</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1446</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1447</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1448</span> 
-<span class='line'>1449</span> </span><span class="WHIT">            </span><span class="NAME">this.setTabindex</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1450</span> 
-<span class='line'>1451</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1452</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">display</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"html"</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">this.type</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"no"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1453</span> </span><span class="WHIT">                </span><span class="COMM">// Set new CSS class</span><span class="WHIT">
-<span class='line'>1454</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.visPropOld.cssclass</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">css</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1455</span> </span><span class="WHIT">                    </span><span class="NAME">el.rendNode.className</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">css</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1456</span> </span><span class="WHIT">                    </span><span class="NAME">el.visPropOld.cssclass</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">css</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1457</span> </span><span class="WHIT">                    </span><span class="NAME">el.needsSizeUpdate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1458</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1459</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sc</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">so</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1460</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1461</span> </span><span class="WHIT">                </span><span class="NAME">this.updateInternalTextStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sc</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">so</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1462</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1463</span> 
-<span class='line'>1464</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1465</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1466</span> 
-<span class='line'>1467</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1468</span>          * Set color and opacity of internal texts.
-<span class='line'>1469</span>          * This method is used for Canvas and VML.
-<span class='line'>1470</span>          * SVG needs its own version.
-<span class='line'>1471</span>          * @private
-<span class='line'>1472</span>          * @see JXG.AbstractRenderer#updateTextStyle
-<span class='line'>1473</span>          * @see JXG.SVGRenderer#updateInternalTextStyle
-<span class='line'>1474</span>          */</span><span class="WHIT">
-<span class='line'>1475</span> </span><span class="WHIT">        </span><span class="NAME">updateInternalTextStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">strokeColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">strokeOpacity</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1476</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">strokeColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">strokeOpacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1477</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1478</span> 
-<span class='line'>1479</span> </span><span class="WHIT">        </span><span class="COMM">/* **************************
-<span class='line'>1480</span>          *    Image related stuff
-<span class='line'>1481</span>          * **************************/</span><span class="WHIT">
-<span class='line'>1482</span> 
-<span class='line'>1483</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1484</span>          * Draws an {@link JXG.Image} on a board; This is just a template that has to be implemented by special
-<span class='line'>1485</span>          * renderers.
-<span class='line'>1486</span>          * @param {JXG.Image} element Reference to the image object that is to be drawn
-<span class='line'>1487</span>          * @see Image
-<span class='line'>1488</span>          * @see JXG.Image
-<span class='line'>1489</span>          * @see JXG.AbstractRenderer#updateImage
-<span class='line'>1490</span>          */</span><span class="WHIT">
-<span class='line'>1491</span> </span><span class="WHIT">        </span><span class="NAME">drawImage</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1492</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1493</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1494</span> 
-<span class='line'>1495</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1496</span>          * Updates the properties of an {@link JXG.Image} element.
-<span class='line'>1497</span>          * @param {JXG.Image} el Reference to an {@link JXG.Image} object, that has to be updated.
-<span class='line'>1498</span>          * @see Image
-<span class='line'>1499</span>          * @see JXG.Image
-<span class='line'>1500</span>          * @see JXG.AbstractRenderer#drawImage
-<span class='line'>1501</span>          */</span><span class="WHIT">
-<span class='line'>1502</span> </span><span class="WHIT">        </span><span class="NAME">updateImage</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1503</span> </span><span class="WHIT">            </span><span class="NAME">this.updateRectPrim</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1504</span> </span><span class="WHIT">                </span><span class="NAME">el.rendNode</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1505</span> </span><span class="WHIT">                </span><span class="NAME">el.coords.scrCoords</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1506</span> </span><span class="WHIT">                </span><span class="NAME">el.coords.scrCoords</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">el.size</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1507</span> </span><span class="WHIT">                </span><span class="NAME">el.size</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1508</span> </span><span class="WHIT">                </span><span class="NAME">el.size</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT">
-<span class='line'>1509</span> </span><span class="WHIT">            </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1510</span> 
-<span class='line'>1511</span> </span><span class="WHIT">            </span><span class="NAME">this.updateImageURL</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1512</span> </span><span class="WHIT">            </span><span class="NAME">this.transformImage</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.transformations</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1513</span> </span><span class="WHIT">            </span><span class="NAME">this._updateVisual</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">stroke</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">dash</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1514</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1515</span> 
-<span class='line'>1516</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1517</span>          * Multiplication of transformations without updating. That means, at that point it is expected that the
-<span class='line'>1518</span>          * matrices contain numbers only. First, the origin in user coords is translated to &lt;tt>(0,0)&lt;/tt> in screen
-<span class='line'>1519</span>          * coords. Then, the stretch factors are divided out. After the transformations in user coords, the stretch
-<span class='line'>1520</span>          * factors are multiplied in again, and the origin in user coords is translated back to its position. This
-<span class='line'>1521</span>          * method does not have to be implemented in a new renderer.
-<span class='line'>1522</span>          * @param {JXG.GeometryElement} el A JSXGraph element. We only need its board property.
-<span class='line'>1523</span>          * @param {Array} transformations An array of JXG.Transformations.
-<span class='line'>1524</span>          * @returns {Array} A matrix represented by a two dimensional array of numbers.
-<span class='line'>1525</span>          * @see JXG.AbstractRenderer#transformImage
-<span class='line'>1526</span>          */</span><span class="WHIT">
-<span class='line'>1527</span> </span><span class="WHIT">        </span><span class="NAME">joinTransforms</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">transformations</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1528</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1529</span> </span><span class="WHIT">                </span><span class="NAME">ox</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.origin.scrCoords</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1530</span> </span><span class="WHIT">                </span><span class="NAME">oy</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.origin.scrCoords</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1531</span> </span><span class="WHIT">                </span><span class="NAME">ux</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.unitX</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1532</span> </span><span class="WHIT">                </span><span class="NAME">uy</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.unitY</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1533</span> </span><span class="WHIT">                </span><span class="COMM">// Translate to 0,0 in screen coords</span><span class="WHIT">
-<span class='line'>1534</span> </span><span class="WHIT">                </span><span class="COMM">/*
-<span class='line'>1535</span>                 m = [[1, 0, 0], [0, 1, 0], [0, 0, 1]],
-<span class='line'>1536</span>                 mpre1 =  [[1,   0, 0],
-<span class='line'>1537</span>                     [-ox, 1, 0],
-<span class='line'>1538</span>                     [-oy, 0, 1]],
-<span class='line'>1539</span>                 // Scale
-<span class='line'>1540</span>                 mpre2 =  [[1, 0,     0],
-<span class='line'>1541</span>                     [0, 1 / ux,  0],
-<span class='line'>1542</span>                     [0, 0, -1 / uy]],
-<span class='line'>1543</span>                 // Scale back
-<span class='line'>1544</span>                 mpost2 = [[1, 0,   0],
-<span class='line'>1545</span>                     [0, ux,  0],
-<span class='line'>1546</span>                     [0, 0, -uy]],
-<span class='line'>1547</span>                 // Translate back
-<span class='line'>1548</span>                 mpost1 = [[1,  0, 0],
-<span class='line'>1549</span>                     [ox, 1, 0],
-<span class='line'>1550</span>                     [oy, 0, 1]],
-<span class='line'>1551</span>                 */</span><span class="WHIT">
-<span class='line'>1552</span> </span><span class="WHIT">                </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">transformations.length</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1553</span> </span><span class="WHIT">                </span><span class="COMM">// Translate to 0,0 in screen coords and then scale</span><span class="WHIT">
-<span class='line'>1554</span> </span><span class="WHIT">                </span><span class="NAME">m</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="WHIT">
-<span class='line'>1555</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1556</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="PUNC">-</span><span class="NAME">ox</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">ux</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">ux</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1557</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NAME">oy</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">uy</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">uy</span><span class="PUNC">]</span><span class="WHIT">
-<span class='line'>1558</span> </span><span class="WHIT">                </span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1559</span> 
-<span class='line'>1560</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1561</span> </span><span class="WHIT">                </span><span class="COMM">//m = Mat.matMatMult(mpre1, m);</span><span class="WHIT">
-<span class='line'>1562</span> </span><span class="WHIT">                </span><span class="COMM">//m = Mat.matMatMult(mpre2, m);</span><span class="WHIT">
-<span class='line'>1563</span> </span><span class="WHIT">                </span><span class="NAME">m</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Mat.matMatMult</span><span class="PUNC">(</span><span class="NAME">transformations</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">matrix</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">m</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1564</span> </span><span class="WHIT">                </span><span class="COMM">//m = Mat.matMatMult(mpost2, m);</span><span class="WHIT">
-<span class='line'>1565</span> </span><span class="WHIT">                </span><span class="COMM">//m = Mat.matMatMult(mpost1, m);</span><span class="WHIT">
-<span class='line'>1566</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1567</span> </span><span class="WHIT">            </span><span class="COMM">// Scale back and then translate back</span><span class="WHIT">
-<span class='line'>1568</span> </span><span class="WHIT">            </span><span class="NAME">m</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Mat.matMatMult</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1569</span> </span><span class="WHIT">                </span><span class="PUNC">[</span><span class="WHIT">
-<span class='line'>1570</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1571</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NAME">ox</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ux</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1572</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NAME">oy</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NAME">uy</span><span class="PUNC">]</span><span class="WHIT">
-<span class='line'>1573</span> </span><span class="WHIT">                </span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1574</span> </span><span class="WHIT">                </span><span class="NAME">m</span><span class="WHIT">
-<span class='line'>1575</span> </span><span class="WHIT">            </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1576</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">m</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1577</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1578</span> 
-<span class='line'>1579</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1580</span>          * Applies transformations on images and text elements. This method has to implemented in
-<span class='line'>1581</span>          * all descendant classes where text and image transformations are to be supported.
-<span class='line'>1582</span>          * &lt;p>
-<span class='line'>1583</span>          * Only affine transformation are supported, no proper projective transformations. This means, the 
-<span class='line'>1584</span>          * respective entries of the transformation matrix are simply ignored.
-<span class='line'>1585</span>          * 
-<span class='line'>1586</span>          * @param {JXG.Image|JXG.Text} element A {@link JXG.Image} or {@link JXG.Text} object.
-<span class='line'>1587</span>          * @param {Array} transformations An array of {@link JXG.Transformation} objects. This is usually the
-<span class='line'>1588</span>          * transformations property of the given element &lt;tt>el&lt;/tt>.
-<span class='line'>1589</span>          */</span><span class="WHIT">
-<span class='line'>1590</span> </span><span class="WHIT">        </span><span class="NAME">transformImage</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">transformations</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1591</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1592</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1593</span> 
-<span class='line'>1594</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1595</span>          * If the URL of the image is provided by a function the URL has to be updated during updateImage()
-<span class='line'>1596</span>          * @param {JXG.Image} element Reference to an image object.
-<span class='line'>1597</span>          * @see JXG.AbstractRenderer#updateImage
-<span class='line'>1598</span>          */</span><span class="WHIT">
-<span class='line'>1599</span> </span><span class="WHIT">        </span><span class="NAME">updateImageURL</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1600</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1601</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1602</span> 
-<span class='line'>1603</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1604</span>          * Updates CSS style properties of a {@link JXG.Image} node.
-<span class='line'>1605</span>          * In SVGRenderer opacity is the only available style element.
-<span class='line'>1606</span>          * This function is called by highlight() and nohighlight().
-<span class='line'>1607</span>          * This function works for VML.
-<span class='line'>1608</span>          * It does not work for Canvas.
-<span class='line'>1609</span>          * SVGRenderer overwrites this method.
-<span class='line'>1610</span>          * @param {JXG.Text} el Reference to the {@link JXG.Image} object, that has to be updated.
-<span class='line'>1611</span>          * @param {Boolean} doHighlight
-<span class='line'>1612</span>          * @see Image
-<span class='line'>1613</span>          * @see JXG.Image
-<span class='line'>1614</span>          * @see JXG.AbstractRenderer#highlight
-<span class='line'>1615</span>          * @see JXG.AbstractRenderer#noHighlight
-<span class='line'>1616</span>          */</span><span class="WHIT">
-<span class='line'>1617</span> </span><span class="WHIT">        </span><span class="NAME">updateImageStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">doHighlight</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1618</span> </span><span class="WHIT">            </span><span class="NAME">el.rendNode.className</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>1619</span> </span><span class="WHIT">                </span><span class="NAME">doHighlight</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">el.visProp.highlightcssclass</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">el.visProp.cssclass</span><span class="WHIT">
-<span class='line'>1620</span> </span><span class="WHIT">            </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1621</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1622</span> 
-<span class='line'>1623</span> </span><span class="WHIT">        </span><span class="NAME">drawForeignObject</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1624</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1625</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1626</span> 
-<span class='line'>1627</span> </span><span class="WHIT">        </span><span class="NAME">updateForeignObject</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1628</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1629</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1630</span> 
-<span class='line'>1631</span> </span><span class="WHIT">        </span><span class="COMM">/* **************************
-<span class='line'>1632</span>          * Render primitive objects
-<span class='line'>1633</span>          * **************************/</span><span class="WHIT">
-<span class='line'>1634</span> 
-<span class='line'>1635</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1636</span>          * Appends a node to a specific layer level. This is just an abstract method and has to be implemented
-<span class='line'>1637</span>          * in all renderers that want to use the &lt;tt>createPrim&lt;/tt> model to draw.
-<span class='line'>1638</span>          * @param {Node} node A DOM tree node.
-<span class='line'>1639</span>          * @param {Number} level The layer the node is attached to. This is the index of the layer in
-<span class='line'>1640</span>          * {@link JXG.SVGRenderer#layer} or the &lt;tt>z-index&lt;/tt> style property of the node in VMLRenderer.
-<span class='line'>1641</span>          */</span><span class="WHIT">
-<span class='line'>1642</span> </span><span class="WHIT">        </span><span class="NAME">appendChildPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">level</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1643</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1644</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1645</span> 
-<span class='line'>1646</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1647</span>          * Stores the rendering nodes. This is an abstract method which has to be implemented in all renderers that use
-<span class='line'>1648</span>          * the &lt;tt>createPrim&lt;/tt> method.
-<span class='line'>1649</span>          * @param {JXG.GeometryElement} element A JSXGraph element.
-<span class='line'>1650</span>          * @param {String} type The XML node name. Only used in VMLRenderer.
-<span class='line'>1651</span>          */</span><span class="WHIT">
-<span class='line'>1652</span> </span><span class="WHIT">        </span><span class="NAME">appendNodesToElement</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1653</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1654</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1655</span> 
-<span class='line'>1656</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1657</span>          * Creates a node of a given type with a given id.
-<span class='line'>1658</span>          * @param {String} type The type of the node to create.
-<span class='line'>1659</span>          * @param {String} id Set the id attribute to this.
-<span class='line'>1660</span>          * @returns {Node} Reference to the created node.
-<span class='line'>1661</span>          */</span><span class="WHIT">
-<span class='line'>1662</span> </span><span class="WHIT">        </span><span class="NAME">createPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1663</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1664</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1665</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1666</span> 
-<span class='line'>1667</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1668</span>          * Removes an element node. Just a stub.
-<span class='line'>1669</span>          * @param {Node} node The node to remove.
-<span class='line'>1670</span>          */</span><span class="WHIT">
-<span class='line'>1671</span> </span><span class="WHIT">        </span><span class="NAME">remove</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1672</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1673</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1674</span> 
-<span class='line'>1675</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1676</span>          * Can be used to create the nodes to display arrows. This is an abstract method which has to be implemented
-<span class='line'>1677</span>          * in any descendant renderer.
-<span class='line'>1678</span>          * @param {JXG.GeometryElement} element The element the arrows are to be attached to.
-<span class='line'>1679</span>          * @param {Object} arrowData Data concerning possible arrow heads
-<span class='line'>1680</span>          *
-<span class='line'>1681</span>          */</span><span class="WHIT">
-<span class='line'>1682</span> </span><span class="WHIT">        </span><span class="NAME">makeArrows</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arrowData</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1683</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1684</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1685</span> 
-<span class='line'>1686</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1687</span>          * Updates width of an arrow DOM node. Used in
-<span class='line'>1688</span>          * @param {Node} node The arrow node.
-<span class='line'>1689</span>          * @param {Number} width
-<span class='line'>1690</span>          * @param {Node} parentNode Used in IE only
-<span class='line'>1691</span>          */</span><span class="WHIT">
-<span class='line'>1692</span> </span><span class="WHIT">        </span><span class="NAME">_setArrowWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parentNode</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1693</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1694</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1695</span> 
-<span class='line'>1696</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1697</span>          * Updates an ellipse node primitive. This is an abstract method which has to be implemented in all renderers
-<span class='line'>1698</span>          * that use the &lt;tt>createPrim&lt;/tt> method.
-<span class='line'>1699</span>          * @param {Node} node Reference to the node.
-<span class='line'>1700</span>          * @param {Number} x Centre X coordinate
-<span class='line'>1701</span>          * @param {Number} y Centre Y coordinate
-<span class='line'>1702</span>          * @param {Number} rx The x-axis radius.
-<span class='line'>1703</span>          * @param {Number} ry The y-axis radius.
-<span class='line'>1704</span>          */</span><span class="WHIT">
-<span class='line'>1705</span> </span><span class="WHIT">        </span><span class="NAME">updateEllipsePrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ry</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1706</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1707</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1708</span> 
-<span class='line'>1709</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1710</span>          * Refreshes a line node. This is an abstract method which has to be implemented in all renderers that use
-<span class='line'>1711</span>          * the &lt;tt>createPrim&lt;/tt> method.
-<span class='line'>1712</span>          * @param {Node} node The node to be refreshed.
-<span class='line'>1713</span>          * @param {Number} p1x The first point's x coordinate.
-<span class='line'>1714</span>          * @param {Number} p1y The first point's y coordinate.
-<span class='line'>1715</span>          * @param {Number} p2x The second point's x coordinate.
-<span class='line'>1716</span>          * @param {Number} p2y The second point's y coordinate.
-<span class='line'>1717</span>          * @param {JXG.Board} board
-<span class='line'>1718</span>          */</span><span class="WHIT">
-<span class='line'>1719</span> </span><span class="WHIT">        </span><span class="NAME">updateLinePrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p2x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p2y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1720</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1721</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1722</span> 
-<span class='line'>1723</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1724</span>          * Updates a path element. This is an abstract method which has to be implemented in all renderers that use
-<span class='line'>1725</span>          * the &lt;tt>createPrim&lt;/tt> method.
-<span class='line'>1726</span>          * @param {Node} node The path node.
-<span class='line'>1727</span>          * @param {String} pathString A string formatted like e.g. &lt;em>'M 1,2 L 3,1 L5,5'&lt;/em>. The format of the string
-<span class='line'>1728</span>          * depends on the rendering engine.
-<span class='line'>1729</span>          * @param {JXG.Board} board Reference to the element's board.
-<span class='line'>1730</span>          */</span><span class="WHIT">
-<span class='line'>1731</span> </span><span class="WHIT">        </span><span class="NAME">updatePathPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">pathString</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1732</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1733</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1734</span> 
-<span class='line'>1735</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1736</span>          * Builds a path data string to draw a point with a face other than &lt;em>rect&lt;/em> and &lt;em>circle&lt;/em>. Since
-<span class='line'>1737</span>          * the format of such a string usually depends on the renderer this method
-<span class='line'>1738</span>          * is only an abstract method. Therefore, it has to be implemented in the descendant renderer itself unless
-<span class='line'>1739</span>          * the renderer does not use the createPrim interface but the draw* interfaces to paint.
-<span class='line'>1740</span>          * @param {JXG.Point} element The point element
-<span class='line'>1741</span>          * @param {Number} size A positive number describing the size. Usually the half of the width and height of
-<span class='line'>1742</span>          * the drawn point.
-<span class='line'>1743</span>          * @param {String} type A string describing the point's face. This method only accepts the shortcut version of
-<span class='line'>1744</span>          * each possible face: &lt;tt>x, +, |, -, [], &lt;>, ^, v, >, &lt; &lt;/tt>
-<span class='line'>1745</span>          */</span><span class="WHIT">
-<span class='line'>1746</span> </span><span class="WHIT">        </span><span class="NAME">updatePathStringPoint</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">size</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1747</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1748</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1749</span> 
-<span class='line'>1750</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1751</span>          * Builds a path data string from a {@link JXG.Curve} element. Since the path data strings heavily depend on the
-<span class='line'>1752</span>          * underlying rendering technique this method is just a stub. Although such a path string is of no use for the
-<span class='line'>1753</span>          * CanvasRenderer, this method is used there to draw a path directly.
-<span class='line'>1754</span>          * @param element
-<span class='line'>1755</span>          */</span><span class="WHIT">
-<span class='line'>1756</span> </span><span class="WHIT">        </span><span class="NAME">updatePathStringPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1757</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1758</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1759</span> 
-<span class='line'>1760</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1761</span>          * Builds a path data string from a {@link JXG.Curve} element such that the curve looks like hand drawn. Since
-<span class='line'>1762</span>          * the path data strings heavily depend on the underlying rendering technique this method is just a stub.
-<span class='line'>1763</span>          * Although such a path string is of no use for the CanvasRenderer, this method is used there to draw a path
-<span class='line'>1764</span>          * directly.
-<span class='line'>1765</span>          * @param element
-<span class='line'>1766</span>          */</span><span class="WHIT">
-<span class='line'>1767</span> </span><span class="WHIT">        </span><span class="NAME">updatePathStringBezierPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1768</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1769</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1770</span> 
-<span class='line'>1771</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1772</span>          * Update a polygon primitive.
-<span class='line'>1773</span>          * @param {Node} node
-<span class='line'>1774</span>          * @param {JXG.Polygon} element A JSXGraph element of type {@link JXG.Polygon}
-<span class='line'>1775</span>          */</span><span class="WHIT">
-<span class='line'>1776</span> </span><span class="WHIT">        </span><span class="NAME">updatePolygonPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1777</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1778</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1779</span> 
-<span class='line'>1780</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1781</span>          * Update a rectangle primitive. This is used only for points with face of type 'rect'.
-<span class='line'>1782</span>          * @param {Node} node The node yearning to be updated.
-<span class='line'>1783</span>          * @param {Number} x x coordinate of the top left vertex.
-<span class='line'>1784</span>          * @param {Number} y y coordinate of the top left vertex.
-<span class='line'>1785</span>          * @param {Number} w Width of the rectangle.
-<span class='line'>1786</span>          * @param {Number} h The rectangle's height.
-<span class='line'>1787</span>          */</span><span class="WHIT">
-<span class='line'>1788</span> </span><span class="WHIT">        </span><span class="NAME">updateRectPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1789</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1790</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1791</span> 
-<span class='line'>1792</span> </span><span class="WHIT">        </span><span class="COMM">/* **************************
-<span class='line'>1793</span>          *  Set Attributes
-<span class='line'>1794</span>          * **************************/</span><span class="WHIT">
-<span class='line'>1795</span> 
-<span class='line'>1796</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1797</span>          * Sets a node's attribute.
-<span class='line'>1798</span>          * @param {Node} node The node that is to be updated.
-<span class='line'>1799</span>          * @param {String} key Name of the attribute.
-<span class='line'>1800</span>          * @param {String} val New value for the attribute.
-<span class='line'>1801</span>          */</span><span class="WHIT">
-<span class='line'>1802</span> </span><span class="WHIT">        </span><span class="NAME">setPropertyPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1803</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1804</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1805</span> 
-<span class='line'>1806</span> </span><span class="WHIT">        </span><span class="NAME">setTabindex</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1807</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1808</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element.board.attr.keyboard.enabled</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">element.rendNode</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1809</span> </span><span class="WHIT">                </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">element.visProp.tabindex</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1810</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">element.visPropCalc.visible</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">element.visProp.fixed</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1811</span> </span><span class="WHIT">                    </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1812</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1813</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">element.visPropOld.tabindex</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1814</span> </span><span class="WHIT">                    </span><span class="NAME">element.rendNode.setAttribute</span><span class="PUNC">(</span><span class="STRN">"tabindex"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1815</span> </span><span class="WHIT">                    </span><span class="NAME">element.visPropOld.tabindex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1816</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1817</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1818</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1819</span> 
-<span class='line'>1820</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1821</span>          * Shows or hides an element on the canvas; Only a stub, requires implementation in the derived renderer.
-<span class='line'>1822</span>          * @param {JXG.GeometryElement} element Reference to the object that has to appear.
-<span class='line'>1823</span>          * @param {Boolean} value true to show the element, false to hide the element.
-<span class='line'>1824</span>          */</span><span class="WHIT">
-<span class='line'>1825</span> </span><span class="WHIT">        </span><span class="NAME">display</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1826</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1827</span> </span><span class="WHIT">                </span><span class="NAME">element.visPropOld.visible</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1828</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1829</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1830</span> 
-<span class='line'>1831</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1832</span>          * Shows a hidden element on the canvas; Only a stub, requires implementation in the derived renderer.
-<span class='line'>1833</span>          *
-<span class='line'>1834</span>          * Please use JXG.AbstractRenderer#display instead
-<span class='line'>1835</span>          * @param {JXG.GeometryElement} element Reference to the object that has to appear.
-<span class='line'>1836</span>          * @see JXG.AbstractRenderer#hide
-<span class='line'>1837</span>          * @deprecated
-<span class='line'>1838</span>          */</span><span class="WHIT">
-<span class='line'>1839</span> </span><span class="WHIT">        </span><span class="NAME">show</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1840</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1841</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1842</span> 
-<span class='line'>1843</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1844</span>          * Hides an element on the canvas; Only a stub, requires implementation in the derived renderer.
-<span class='line'>1845</span>          *
-<span class='line'>1846</span>          * Please use JXG.AbstractRenderer#display instead
-<span class='line'>1847</span>          * @param {JXG.GeometryElement} element Reference to the geometry element that has to disappear.
-<span class='line'>1848</span>          * @see JXG.AbstractRenderer#show
-<span class='line'>1849</span>          * @deprecated
-<span class='line'>1850</span>          */</span><span class="WHIT">
-<span class='line'>1851</span> </span><span class="WHIT">        </span><span class="NAME">hide</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1852</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1853</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1854</span> 
-<span class='line'>1855</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1856</span>          * Sets the buffering as recommended by SVGWG. Until now only Opera supports this and will be ignored by other
-<span class='line'>1857</span>          * browsers. Although this feature is only supported by SVG we have this method in {@link JXG.AbstractRenderer}
-<span class='line'>1858</span>          * because it is called from outside the renderer.
-<span class='line'>1859</span>          * @param {Node} node The SVG DOM Node which buffering type to update.
-<span class='line'>1860</span>          * @param {String} type Either 'auto', 'dynamic', or 'static'. For an explanation see
-<span class='line'>1861</span>          *   {@link https://www.w3.org/TR/SVGTiny12/painting.html#BufferedRenderingProperty}.
-<span class='line'>1862</span>          */</span><span class="WHIT">
-<span class='line'>1863</span> </span><span class="WHIT">        </span><span class="NAME">setBuffering</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1864</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1865</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1866</span> 
-<span class='line'>1867</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1868</span>          * Sets an element's dash style.
-<span class='line'>1869</span>          * @param {JXG.GeometryElement} element An JSXGraph element.
-<span class='line'>1870</span>          */</span><span class="WHIT">
-<span class='line'>1871</span> </span><span class="WHIT">        </span><span class="NAME">setDashStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1872</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1873</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1874</span> 
-<span class='line'>1875</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1876</span>          * Puts an object into draft mode, i.e. it's visual appearance will be changed. For GEONE&lt;sub>x&lt;/sub>T backwards
-<span class='line'>1877</span>          * compatibility.
-<span class='line'>1878</span>          * @param {JXG.GeometryElement} el Reference of the object that is in draft mode.
-<span class='line'>1879</span>          */</span><span class="WHIT">
-<span class='line'>1880</span> </span><span class="WHIT">        </span><span class="NAME">setDraft</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1881</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.draft</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1882</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1883</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1884</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">draftColor</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.options.elements.draft.color</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1885</span> </span><span class="WHIT">                </span><span class="NAME">draftOpacity</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.options.elements.draft.opacity</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1886</span> 
-<span class='line'>1887</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1888</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_POLYGON</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1889</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftOpacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1890</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1891</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_POINT</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1892</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftOpacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1893</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1894</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"none"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1895</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1896</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftOpacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1897</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeWidth</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.board.options.elements.draft.strokeWidth</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1898</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1899</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1900</span> 
-<span class='line'>1901</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1902</span>          * Puts an object from draft mode back into normal mode.
-<span class='line'>1903</span>          * @param {JXG.GeometryElement} el Reference of the object that no longer is in draft mode.
-<span class='line'>1904</span>          */</span><span class="WHIT">
-<span class='line'>1905</span> </span><span class="WHIT">        </span><span class="NAME">removeDraft</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1906</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1907</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_POLYGON</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1908</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1909</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1910</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_POINT</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1911</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1912</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1913</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.strokecolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.strokeopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1914</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeWidth</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.strokewidth</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>1915</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>1916</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1917</span> 
-<span class='line'>1918</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1919</span>          * Sets up nodes for rendering a gradient fill.
-<span class='line'>1920</span>          * @param element
-<span class='line'>1921</span>          */</span><span class="WHIT">
-<span class='line'>1922</span> </span><span class="WHIT">        </span><span class="NAME">setGradient</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1923</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1924</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1925</span> 
-<span class='line'>1926</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1927</span>          * Updates the gradient fill.
-<span class='line'>1928</span>          * @param {JXG.GeometryElement} element An JSXGraph element with an area that can be filled.
-<span class='line'>1929</span>          */</span><span class="WHIT">
-<span class='line'>1930</span> </span><span class="WHIT">        </span><span class="NAME">updateGradient</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1931</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1932</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1933</span> 
-<span class='line'>1934</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1935</span>          * Sets the transition duration (in milliseconds) for fill color and stroke
-<span class='line'>1936</span>          * color and opacity.
-<span class='line'>1937</span>          * @param {JXG.GeometryElement} element Reference of the object that wants a
-<span class='line'>1938</span>          *         new transition duration.
-<span class='line'>1939</span>          * @param {Number} duration (Optional) duration in milliseconds. If not given,
-<span class='line'>1940</span>          *        element.visProp.transitionDuration is taken. This is the default.
-<span class='line'>1941</span>          */</span><span class="WHIT">
-<span class='line'>1942</span> </span><span class="WHIT">        </span><span class="NAME">setObjectTransition</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">duration</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1943</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1944</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1945</span> 
-<span class='line'>1946</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1947</span>          * Sets an objects fill color.
-<span class='line'>1948</span>          * @param {JXG.GeometryElement} element Reference of the object that wants a new fill color.
-<span class='line'>1949</span>          * @param {String} color Color in a HTML/CSS compatible format. If you don't want any fill color at all, choose
-<span class='line'>1950</span>          * 'none'.
-<span class='line'>1951</span>          * @param {Number} opacity Opacity of the fill color. Must be between 0 and 1.
-<span class='line'>1952</span>          */</span><span class="WHIT">
-<span class='line'>1953</span> </span><span class="WHIT">        </span><span class="NAME">setObjectFillColor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">color</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">opacity</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1954</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1955</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1956</span> 
-<span class='line'>1957</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1958</span>          * Changes an objects stroke color to the given color.
-<span class='line'>1959</span>          * @param {JXG.GeometryElement} element Reference of the {@link JXG.GeometryElement} that gets a new stroke
-<span class='line'>1960</span>          * color.
-<span class='line'>1961</span>          * @param {String} color Color value in a HTML compatible format, e.g. &lt;strong>#00ff00&lt;/strong> or
-<span class='line'>1962</span>          * &lt;strong>green&lt;/strong> for green.
-<span class='line'>1963</span>          * @param {Number} opacity Opacity of the fill color. Must be between 0 and 1.
-<span class='line'>1964</span>          */</span><span class="WHIT">
-<span class='line'>1965</span> </span><span class="WHIT">        </span><span class="NAME">setObjectStrokeColor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">color</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">opacity</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1966</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1967</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1968</span> 
-<span class='line'>1969</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1970</span>          * Sets an element's stroke width.
-<span class='line'>1971</span>          * @param {JXG.GeometryElement} element Reference to the geometry element.
-<span class='line'>1972</span>          * @param {Number} width The new stroke width to be assigned to the element.
-<span class='line'>1973</span>          */</span><span class="WHIT">
-<span class='line'>1974</span> </span><span class="WHIT">        </span><span class="NAME">setObjectStrokeWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1975</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1976</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1977</span> 
-<span class='line'>1978</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1979</span>          * Sets the shadow properties to a geometry element. This method is only a stub, it is implemented in the actual
-<span class='line'>1980</span>          * renderers.
-<span class='line'>1981</span>          * @param {JXG.GeometryElement} element Reference to a geometry object, that should get a shadow
-<span class='line'>1982</span>          */</span><span class="WHIT">
-<span class='line'>1983</span> </span><span class="WHIT">        </span><span class="NAME">setShadow</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1984</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>1985</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1986</span> 
-<span class='line'>1987</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>1988</span>          * Highlights an object, i.e. changes the current colors of the object to its highlighting colors
-<span class='line'>1989</span>          * and highlighting strokewidth.
-<span class='line'>1990</span>          * @param {JXG.GeometryElement} el Reference of the object that will be highlighted.
-<span class='line'>1991</span>          * @param {Boolean} [suppressHighlightStrokeWidth=undefined] If undefined or false, highlighting also changes strokeWidth. This might not be
-<span class='line'>1992</span>          * the cases for polygon borders. Thus, if a polygon is highlighted, its polygon borders change strokeWidth only if the polygon attribute
-<span class='line'>1993</span>          * highlightByStrokeWidth == true.
-<span class='line'>1994</span>          * @returns {JXG.AbstractRenderer} Reference to the renderer
-<span class='line'>1995</span>          * @see JXG.AbstractRenderer#updateTextStyle
-<span class='line'>1996</span>          */</span><span class="WHIT">
-<span class='line'>1997</span> </span><span class="WHIT">        </span><span class="NAME">highlight</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">suppressHighlightStrokeWidth</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>1998</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">do_hl</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>1999</span> </span><span class="WHIT">                </span><span class="NAME">ev</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.visProp</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2000</span> </span><span class="WHIT">                </span><span class="NAME">sw</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2001</span> 
-<span class='line'>2002</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2003</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">ev.draft</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2004</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_POLYGON</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2005</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.highlightfillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.highlightfillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2006</span> </span><span class="WHIT">                    </span><span class="NAME">do_hl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.highlightbystrokewidth</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2007</span> </span><span class="WHIT">                    </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">el.borders.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2008</span> </span><span class="WHIT">                        </span><span class="NAME">this.highlight</span><span class="PUNC">(</span><span class="NAME">el.borders</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">do_hl</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2009</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2010</span> </span><span class="WHIT">                    </span><span class="COMM">/*
-<span class='line'>2011</span>                     for (i = 0; i &lt; el.borders.length; i++) {
-<span class='line'>2012</span>                         this.setObjectStrokeColor(
-<span class='line'>2013</span>                             el.borders[i],
-<span class='line'>2014</span>                             el.borders[i].visProp.highlightstrokecolor,
-<span class='line'>2015</span>                             el.borders[i].visProp.highlightstrokeopacity
-<span class='line'>2016</span>                         );
-<span class='line'>2017</span>                     }
-<span class='line'>2018</span>                     */</span><span class="WHIT">
-<span class='line'>2019</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2020</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_TEXT</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2021</span> </span><span class="WHIT">                        </span><span class="NAME">this.updateTextStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2022</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_IMAGE</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2023</span> </span><span class="WHIT">                        </span><span class="NAME">this.updateImageStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2024</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2025</span> </span><span class="WHIT">                            </span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2026</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightfillcolor</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2027</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightfillopacity</span><span class="WHIT">
-<span class='line'>2028</span> </span><span class="WHIT">                        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2029</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2030</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2031</span> </span><span class="WHIT">                            </span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2032</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightstrokecolor</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2033</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightstrokeopacity</span><span class="WHIT">
-<span class='line'>2034</span> </span><span class="WHIT">                        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2035</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2036</span> </span><span class="WHIT">                            </span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2037</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightfillcolor</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2038</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightfillopacity</span><span class="WHIT">
-<span class='line'>2039</span> </span><span class="WHIT">                        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2040</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2041</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2042</span> 
-<span class='line'>2043</span> </span><span class="WHIT">                </span><span class="COMM">// Highlight strokeWidth is suppressed if</span><span class="WHIT">
-<span class='line'>2044</span> </span><span class="WHIT">                </span><span class="COMM">// parameter suppressHighlightStrokeWidth is false or undefined.</span><span class="WHIT">
-<span class='line'>2045</span> </span><span class="WHIT">                </span><span class="COMM">// suppressHighlightStrokeWidth is false if polygon attribute</span><span class="WHIT">
-<span class='line'>2046</span> </span><span class="WHIT">                </span><span class="COMM">// highlightbystrokewidth is true.</span><span class="WHIT">
-<span class='line'>2047</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">ev.highlightstrokewidth</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">suppressHighlightStrokeWidth</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2048</span> </span><span class="WHIT">                    </span><span class="NAME">sw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.max</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2049</span> </span><span class="WHIT">                        </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.highlightstrokewidth</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2050</span> </span><span class="WHIT">                        </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.strokewidth</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'>2051</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2052</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectStrokeWidth</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2053</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2054</span> </span><span class="WHIT">                        </span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_LINE</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT">
-<span class='line'>2055</span> </span><span class="WHIT">                        </span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_CURVE</span><span class="WHIT">
-<span class='line'>2056</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2057</span> </span><span class="WHIT">                        </span><span class="NAME">this.updatePathWithArrowHeads</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2058</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2059</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2060</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2061</span> 
-<span class='line'>2062</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2063</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2064</span> 
-<span class='line'>2065</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2066</span>          * Uses the normal colors of an object, i.e. the opposite of {@link JXG.AbstractRenderer#highlight}.
-<span class='line'>2067</span>          * @param {JXG.GeometryElement} el Reference of the object that will get its normal colors.
-<span class='line'>2068</span>          * @returns {JXG.AbstractRenderer} Reference to the renderer
-<span class='line'>2069</span>          * @see JXG.AbstractRenderer#updateTextStyle
-<span class='line'>2070</span>          */</span><span class="WHIT">
-<span class='line'>2071</span> </span><span class="WHIT">        </span><span class="NAME">noHighlight</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2072</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2073</span> </span><span class="WHIT">                </span><span class="NAME">ev</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.visProp</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2074</span> </span><span class="WHIT">                </span><span class="NAME">sw</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2075</span> 
-<span class='line'>2076</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2077</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.draft</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2078</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_POLYGON</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2079</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2080</span> </span><span class="WHIT">                    </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">el.borders.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2081</span> </span><span class="WHIT">                        </span><span class="NAME">this.noHighlight</span><span class="PUNC">(</span><span class="NAME">el.borders</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2082</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2083</span> </span><span class="WHIT">                    </span><span class="COMM">// for (i = 0; i &lt; el.borders.length; i++) {</span><span class="WHIT">
-<span class='line'>2084</span> </span><span class="WHIT">                    </span><span class="COMM">//     this.setObjectStrokeColor(</span><span class="WHIT">
-<span class='line'>2085</span> </span><span class="WHIT">                    </span><span class="COMM">//         el.borders[i],</span><span class="WHIT">
-<span class='line'>2086</span> </span><span class="WHIT">                    </span><span class="COMM">//         el.borders[i].visProp.strokecolor,</span><span class="WHIT">
-<span class='line'>2087</span> </span><span class="WHIT">                    </span><span class="COMM">//         el.borders[i].visProp.strokeopacity</span><span class="WHIT">
-<span class='line'>2088</span> </span><span class="WHIT">                    </span><span class="COMM">//     );</span><span class="WHIT">
-<span class='line'>2089</span> </span><span class="WHIT">                    </span><span class="COMM">// }</span><span class="WHIT">
-<span class='line'>2090</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2091</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_TEXT</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2092</span> </span><span class="WHIT">                        </span><span class="NAME">this.updateTextStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2093</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_IMAGE</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2094</span> </span><span class="WHIT">                        </span><span class="NAME">this.updateImageStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2095</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2096</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2097</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.strokecolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.strokeopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2098</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2099</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2100</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2101</span> 
-<span class='line'>2102</span> </span><span class="WHIT">                </span><span class="NAME">sw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.strokewidth</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2103</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeWidth</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2104</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2105</span> </span><span class="WHIT">                    </span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_LINE</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT">
-<span class='line'>2106</span> </span><span class="WHIT">                    </span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_CURVE</span><span class="WHIT">
-<span class='line'>2107</span> </span><span class="WHIT">                </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2108</span> </span><span class="WHIT">                    </span><span class="NAME">this.updatePathWithArrowHeads</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2109</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2110</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2111</span> 
-<span class='line'>2112</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2113</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2114</span> 
-<span class='line'>2115</span> </span><span class="WHIT">        </span><span class="COMM">/* **************************
-<span class='line'>2116</span>          * renderer control
-<span class='line'>2117</span>          * **************************/</span><span class="WHIT">
-<span class='line'>2118</span> 
-<span class='line'>2119</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2120</span>          * Stop redraw. This method is called before every update, so a non-vector-graphics based renderer can use this
-<span class='line'>2121</span>          * method to delete the contents of the drawing panel. This is an abstract method every descendant renderer
-<span class='line'>2122</span>          * should implement, if appropriate.
-<span class='line'>2123</span>          * @see JXG.AbstractRenderer#unsuspendRedraw
-<span class='line'>2124</span>          */</span><span class="WHIT">
-<span class='line'>2125</span> </span><span class="WHIT">        </span><span class="NAME">suspendRedraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2126</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>2127</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2128</span> 
-<span class='line'>2129</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2130</span>          * Restart redraw. This method is called after updating all the rendering node attributes.
-<span class='line'>2131</span>          * @see JXG.AbstractRenderer#suspendRedraw
-<span class='line'>2132</span>          */</span><span class="WHIT">
-<span class='line'>2133</span> </span><span class="WHIT">        </span><span class="NAME">unsuspendRedraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2134</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>2135</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2136</span> 
-<span class='line'>2137</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2138</span>          * The tiny zoom bar shown on the bottom of a board (if board attribute "showNavigation" is true).
-<span class='line'>2139</span>          * It is a div element and gets the CSS class "JXG_navigation" and the id {board id}_navigationbar.
-<span class='line'>2140</span>          * &lt;p>
-<span class='line'>2141</span>          * The buttons get the CSS class "JXG_navigation_button" and the id {board_id}_name where name is
-<span class='line'>2142</span>          * one of [top, down, left, right, out, 100, in, fullscreen, screenshot, reload, cleartraces].
-<span class='line'>2143</span>          * &lt;p>
-<span class='line'>2144</span>          * The symbols for zoom, navigation and reload are hard-coded.
-<span class='line'>2145</span>          *
-<span class='line'>2146</span>          * @param {JXG.Board} board Reference to a JSXGraph board.
-<span class='line'>2147</span>          * @param {Object} attr Attributes of the navigation bar
-<span class='line'>2148</span>          * @private
-<span class='line'>2149</span>          */</span><span class="WHIT">
-<span class='line'>2150</span> </span><span class="WHIT">        </span><span class="NAME">drawNavigationBar</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2151</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">doc</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2152</span> </span><span class="WHIT">                </span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2153</span> </span><span class="WHIT">                </span><span class="NAME">cancelbubble</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2154</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2155</span> </span><span class="WHIT">                        </span><span class="NAME">e</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">window.event</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2156</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2157</span> 
-<span class='line'>2158</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e.stopPropagation</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2159</span> </span><span class="WHIT">                        </span><span class="COMM">// Non IE&lt;=8</span><span class="WHIT">
-<span class='line'>2160</span> </span><span class="WHIT">                        </span><span class="NAME">e.stopPropagation</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2161</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2162</span> </span><span class="WHIT">                        </span><span class="NAME">e.cancelBubble</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2163</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2164</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2165</span> </span><span class="WHIT">                </span><span class="NAME">createButton</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">label</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">handler</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2166</span> </span><span class="WHIT">                    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">button</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2167</span> 
-<span class='line'>2168</span> </span><span class="WHIT">                    </span><span class="NAME">id</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">id</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2169</span> 
-<span class='line'>2170</span> </span><span class="WHIT">                    </span><span class="NAME">button</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.createElement</span><span class="PUNC">(</span><span class="STRN">"span"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2171</span> </span><span class="WHIT">                    </span><span class="NAME">button.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">label</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// button.appendChild(doc.createTextNode(label));</span><span class="WHIT">
-<span class='line'>2172</span> 
-<span class='line'>2173</span> </span><span class="WHIT">                    </span><span class="COMM">// Style settings are superseded by adding the CSS class below</span><span class="WHIT">
-<span class='line'>2174</span> </span><span class="WHIT">                    </span><span class="NAME">button.style.paddingLeft</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"7px"</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2175</span> </span><span class="WHIT">                    </span><span class="NAME">button.style.paddingRight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"7px"</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2176</span> 
-<span class='line'>2177</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">button.classList</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2178</span> </span><span class="WHIT">                        </span><span class="COMM">// classList not available in IE 9</span><span class="WHIT">
-<span class='line'>2179</span> </span><span class="WHIT">                        </span><span class="NAME">button.classList.add</span><span class="PUNC">(</span><span class="STRN">"JXG_navigation_button"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2180</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2181</span> </span><span class="WHIT">                    </span><span class="COMM">// button.setAttribute('tabindex', 0);</span><span class="WHIT">
-<span class='line'>2182</span> 
-<span class='line'>2183</span> </span><span class="WHIT">                    </span><span class="NAME">button.setAttribute</span><span class="PUNC">(</span><span class="STRN">"id"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2184</span> </span><span class="WHIT">                    </span><span class="NAME">node.appendChild</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2185</span> 
-<span class='line'>2186</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2187</span> </span><span class="WHIT">                        </span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2188</span> </span><span class="WHIT">                        </span><span class="STRN">"click"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2189</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2190</span> </span><span class="WHIT">                            </span><span class="NAME">Type.bind</span><span class="PUNC">(</span><span class="NAME">handler</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2191</span> </span><span class="WHIT">                            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2192</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2193</span> </span><span class="WHIT">                        </span><span class="NAME">board</span><span class="WHIT">
-<span class='line'>2194</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2195</span> </span><span class="WHIT">                    </span><span class="COMM">// prevent the click from bubbling down to the board</span><span class="WHIT">
-<span class='line'>2196</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"pointerup"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2197</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"pointerdown"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2198</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"pointerleave"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2199</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"mouseup"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2200</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"mousedown"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2201</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"touchend"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2202</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"touchstart"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2203</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2204</span> 
-<span class='line'>2205</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Env.isBrowser</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">this.type</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"no"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2206</span> </span><span class="WHIT">                </span><span class="NAME">doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">board.containerObj.ownerDocument</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2207</span> </span><span class="WHIT">                </span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.createElement</span><span class="PUNC">(</span><span class="STRN">"div"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2208</span> 
-<span class='line'>2209</span> </span><span class="WHIT">                </span><span class="NAME">node.setAttribute</span><span class="PUNC">(</span><span class="STRN">"id"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigationbar"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2210</span> 
-<span class='line'>2211</span> </span><span class="WHIT">                </span><span class="COMM">// Style settings are superseded by adding the CSS class below</span><span class="WHIT">
-<span class='line'>2212</span> </span><span class="WHIT">                </span><span class="NAME">node.style.color</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.strokecolor</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2213</span> </span><span class="WHIT">                </span><span class="NAME">node.style.backgroundColor</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.fillcolor</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2214</span> </span><span class="WHIT">                </span><span class="NAME">node.style.padding</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.padding</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2215</span> </span><span class="WHIT">                </span><span class="NAME">node.style.position</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.position</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2216</span> </span><span class="WHIT">                </span><span class="NAME">node.style.fontSize</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.fontsize</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2217</span> </span><span class="WHIT">                </span><span class="NAME">node.style.cursor</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.cursor</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2218</span> </span><span class="WHIT">                </span><span class="NAME">node.style.zIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.zindex</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2219</span> </span><span class="WHIT">                </span><span class="NAME">board.containerObj.appendChild</span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2220</span> </span><span class="WHIT">                </span><span class="NAME">node.style.right</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.right</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2221</span> </span><span class="WHIT">                </span><span class="NAME">node.style.bottom</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.bottom</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2222</span> 
-<span class='line'>2223</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node.classList</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2224</span> </span><span class="WHIT">                    </span><span class="COMM">// classList not available in IE 9</span><span class="WHIT">
-<span class='line'>2225</span> </span><span class="WHIT">                    </span><span class="NAME">node.classList.add</span><span class="PUNC">(</span><span class="STRN">"JXG_navigation"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2226</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2227</span> </span><span class="WHIT">                </span><span class="COMM">// For XHTML we need unicode instead of HTML entities</span><span class="WHIT">
-<span class='line'>2228</span> 
-<span class='line'>2229</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showfullscreen</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2230</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2231</span> </span><span class="WHIT">                        </span><span class="NAME">board.attr.fullscreen.symbol</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2232</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2233</span> </span><span class="WHIT">                            </span><span class="NAME">board.toFullscreen</span><span class="PUNC">(</span><span class="NAME">board.attr.fullscreen.id</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2234</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2235</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_fullscreen"</span><span class="WHIT">
-<span class='line'>2236</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2237</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2238</span> 
-<span class='line'>2239</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showscreenshot</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2240</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2241</span> </span><span class="WHIT">                        </span><span class="NAME">board.attr.screenshot.symbol</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2242</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2243</span> </span><span class="WHIT">                            </span><span class="NAME">window.setTimeout</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2244</span> </span><span class="WHIT">                                </span><span class="NAME">board.renderer.screenshot</span><span class="PUNC">(</span><span class="NAME">board</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2245</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">330</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2246</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2247</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_screenshot"</span><span class="WHIT">
-<span class='line'>2248</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2249</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2250</span> 
-<span class='line'>2251</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showreload</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2252</span> </span><span class="WHIT">                    </span><span class="COMM">// full reload circle: \u27F2</span><span class="WHIT">
-<span class='line'>2253</span> </span><span class="WHIT">                    </span><span class="COMM">// the board.reload() method does not exist during the creation</span><span class="WHIT">
-<span class='line'>2254</span> </span><span class="WHIT">                    </span><span class="COMM">// of this button. That's why this anonymous function wrapper is required.</span><span class="WHIT">
-<span class='line'>2255</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2256</span> </span><span class="WHIT">                        </span><span class="STRN">"\u21BB"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2257</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2258</span> </span><span class="WHIT">                            </span><span class="NAME">board.reload</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2259</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2260</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_reload"</span><span class="WHIT">
-<span class='line'>2261</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2262</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2263</span> 
-<span class='line'>2264</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showcleartraces</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2265</span> </span><span class="WHIT">                    </span><span class="COMM">// clear traces symbol (otimes): \u27F2</span><span class="WHIT">
-<span class='line'>2266</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2267</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2297"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2268</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2269</span> </span><span class="WHIT">                            </span><span class="NAME">board.clearTraces</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2270</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2271</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_cleartraces"</span><span class="WHIT">
-<span class='line'>2272</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2273</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2274</span> 
-<span class='line'>2275</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.shownavigation</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2276</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showzoom</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2277</span> </span><span class="WHIT">                        </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2278</span> </span><span class="WHIT">                            </span><span class="STRN">"\u2013"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2279</span> </span><span class="WHIT">                            </span><span class="NAME">board.zoomOut</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2280</span> </span><span class="WHIT">                            </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_out"</span><span class="WHIT">
-<span class='line'>2281</span> </span><span class="WHIT">                        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2282</span> </span><span class="WHIT">                        </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="STRN">"o"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.zoom100</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_100"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2283</span> </span><span class="WHIT">                        </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="STRN">"+"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.zoomIn</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_in"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2284</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2285</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2286</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2190"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2287</span> </span><span class="WHIT">                        </span><span class="NAME">board.clickLeftArrow</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2288</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_left"</span><span class="WHIT">
-<span class='line'>2289</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2290</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2291</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2193"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2292</span> </span><span class="WHIT">                        </span><span class="NAME">board.clickUpArrow</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2293</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_down"</span><span class="WHIT">
-<span class='line'>2294</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// Down arrow</span><span class="WHIT">
-<span class='line'>2295</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2296</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2191"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2297</span> </span><span class="WHIT">                        </span><span class="NAME">board.clickDownArrow</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2298</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_up"</span><span class="WHIT">
-<span class='line'>2299</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// Up arrow</span><span class="WHIT">
-<span class='line'>2300</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
-<span class='line'>2301</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2192"</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2302</span> </span><span class="WHIT">                        </span><span class="NAME">board.clickRightArrow</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2303</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_right"</span><span class="WHIT">
-<span class='line'>2304</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2305</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2306</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2307</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2308</span> 
-<span class='line'>2309</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2310</span>          * Wrapper for getElementById for maybe other renderers which elements are not directly accessible by DOM
-<span class='line'>2311</span>          * methods like document.getElementById().
-<span class='line'>2312</span>          * @param {String} id Unique identifier for element.
-<span class='line'>2313</span>          * @returns {Object} Reference to a JavaScript object. In case of SVG/VMLRenderer it's a reference to a SVG/VML node.
-<span class='line'>2314</span>          */</span><span class="WHIT">
-<span class='line'>2315</span> </span><span class="WHIT">        </span><span class="NAME">getElementById</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">id</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2316</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">str</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2317</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">this.container</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2318</span> </span><span class="WHIT">                </span><span class="COMM">// Use querySelector over getElementById for compatibility with both 'regular' document</span><span class="WHIT">
-<span class='line'>2319</span> </span><span class="WHIT">                </span><span class="COMM">// and ShadowDOM fragments.</span><span class="WHIT">
-<span class='line'>2320</span> </span><span class="WHIT">                </span><span class="NAME">str</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.container.id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'_'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2321</span> </span><span class="WHIT">                </span><span class="COMM">// Mask special symbols like '/' and '\' in id</span><span class="WHIT">
-<span class='line'>2322</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">CSS</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">CSS.escape</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2323</span> </span><span class="WHIT">                    </span><span class="NAME">str</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">CSS.escape</span><span class="PUNC">(</span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2324</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2325</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.container.querySelector</span><span class="PUNC">(</span><span class="STRN">'#'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2326</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2327</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2328</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2329</span> 
-<span class='line'>2330</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2331</span>          * Remove an element and provide a function that inserts it into its original position. This method
-<span class='line'>2332</span>          * is taken from this article {@link https://developers.google.com/speed/articles/javascript-dom}.
-<span class='line'>2333</span>          * @author KeeKim Heng, Google Web Developer
-<span class='line'>2334</span>          * @param {Element} el The element to be temporarily removed
-<span class='line'>2335</span>          * @returns {Function} A function that inserts the element into its original position
-<span class='line'>2336</span>          */</span><span class="WHIT">
-<span class='line'>2337</span> </span><span class="WHIT">        </span><span class="NAME">removeToInsertLater</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2338</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">parentNode</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.parentNode</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2339</span> </span><span class="WHIT">                </span><span class="NAME">nextSibling</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.nextSibling</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2340</span> 
-<span class='line'>2341</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">parentNode</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2342</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2343</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2344</span> </span><span class="WHIT">            </span><span class="NAME">parentNode.removeChild</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2345</span> 
-<span class='line'>2346</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2347</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">nextSibling</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2348</span> </span><span class="WHIT">                    </span><span class="NAME">parentNode.insertBefore</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">nextSibling</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2349</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2350</span> </span><span class="WHIT">                    </span><span class="NAME">parentNode.appendChild</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2351</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2352</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2353</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2354</span> 
-<span class='line'>2355</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2356</span>          * Resizes the rendering element
-<span class='line'>2357</span>          * @param {Number} w New width
-<span class='line'>2358</span>          * @param {Number} h New height
-<span class='line'>2359</span>          */</span><span class="WHIT">
-<span class='line'>2360</span> </span><span class="WHIT">        </span><span class="NAME">resize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>2361</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
-<span class='line'>2362</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2363</span> 
-<span class='line'>2364</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2365</span>          * Create crosshair elements (Fadenkreuz) for presentations.
-<span class='line'>2366</span>          * @param {Number} n Number of crosshairs.
-<span class='line'>2367</span>          */</span><span class="WHIT">
-<span class='line'>2368</span> </span><span class="WHIT">        </span><span class="NAME">createTouchpoints</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">n</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2369</span> 
-<span class='line'>2370</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2371</span>          * Show a specific crosshair.
-<span class='line'>2372</span>          * @param {Number} i Number of the crosshair to show
-<span class='line'>2373</span>          */</span><span class="WHIT">
-<span class='line'>2374</span> </span><span class="WHIT">        </span><span class="NAME">showTouchpoint</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2375</span> 
-<span class='line'>2376</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2377</span>          * Hide a specific crosshair.
-<span class='line'>2378</span>          * @param {Number} i Number of the crosshair to show
-<span class='line'>2379</span>          */</span><span class="WHIT">
-<span class='line'>2380</span> </span><span class="WHIT">        </span><span class="NAME">hideTouchpoint</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2381</span> 
-<span class='line'>2382</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2383</span>          * Move a specific crosshair.
-<span class='line'>2384</span>          * @param {Number} i Number of the crosshair to show
-<span class='line'>2385</span>          * @param {Array} pos New positon in screen coordinates
-<span class='line'>2386</span>          */</span><span class="WHIT">
-<span class='line'>2387</span> </span><span class="WHIT">        </span><span class="NAME">updateTouchpoint</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">pos</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2388</span> 
-<span class='line'>2389</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2390</span>          * Convert SVG construction to base64 encoded SVG data URL.
-<span class='line'>2391</span>          * Only available on SVGRenderer.
-<span class='line'>2392</span>          *
-<span class='line'>2393</span>          * @see JXG.SVGRenderer#dumpToDataURI
-<span class='line'>2394</span>          */</span><span class="WHIT">
-<span class='line'>2395</span> </span><span class="WHIT">        </span><span class="NAME">dumpToDataURI</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">_ignoreTexts</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2396</span> 
-<span class='line'>2397</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2398</span>          * Convert SVG construction to canvas.
-<span class='line'>2399</span>          * Only available on SVGRenderer.
-<span class='line'>2400</span>          *
-<span class='line'>2401</span>          * @see JXG.SVGRenderer#dumpToCanvas
-<span class='line'>2402</span>          */</span><span class="WHIT">
-<span class='line'>2403</span> </span><span class="WHIT">        </span><span class="NAME">dumpToCanvas</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">canvasId</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">_ignoreTexts</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2404</span> 
-<span class='line'>2405</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2406</span>          * Display SVG image in html img-tag which enables
-<span class='line'>2407</span>          * easy download for the user.
-<span class='line'>2408</span>          *
-<span class='line'>2409</span>          * See JXG.SVGRenderer#screenshot
-<span class='line'>2410</span>          */</span><span class="WHIT">
-<span class='line'>2411</span> </span><span class="WHIT">        </span><span class="NAME">screenshot</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>2412</span> 
-<span class='line'>2413</span> </span><span class="WHIT">        </span><span class="COMM">/**
-<span class='line'>2414</span>          * Move element into new layer. This is trivial for canvas, but needs more effort in SVG.
-<span class='line'>2415</span>          * Does not work dynamically, i.e. if level is a function.
-<span class='line'>2416</span>          *
-<span class='line'>2417</span>          * @param {JXG.GeometryElement} el Element which is put into different layer
-<span class='line'>2418</span>          * @param {Number} value Layer number
-<span class='line'>2419</span>          * @private
-<span class='line'>2420</span>          */</span><span class="WHIT">
-<span class='line'>2421</span> </span><span class="WHIT">        </span><span class="NAME">setLayer</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">level</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2422</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>2423</span> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2424</span> 
-<span class='line'>2425</span> </span><span class="NAME">export</span><span class="WHIT"> </span><span class="KEYW">default</span><span class="WHIT"> </span><span class="NAME">JXG.AbstractRenderer</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>2426</span> </span></pre></body></html>
+<span class='line'>1260</span> </span><span class="WHIT">                                </span><span class="COMM">// Obsolete:</span><span class="WHIT">
+<span class='line'>1261</span> </span><span class="WHIT">                                </span><span class="COMM">// // Restore the transformation necessary for fullscreen mode</span><span class="WHIT">
+<span class='line'>1262</span> </span><span class="WHIT">                                </span><span class="COMM">// // MathJax removes it when handling dynamic content</span><span class="WHIT">
+<span class='line'>1263</span> </span><span class="WHIT">                                </span><span class="COMM">// id = el.board.container;</span><span class="WHIT">
+<span class='line'>1264</span> </span><span class="WHIT">                                </span><span class="COMM">// wrap_id = "fullscreenwrap_" + id;</span><span class="WHIT">
+<span class='line'>1265</span> </span><span class="WHIT">                                </span><span class="COMM">// if (document.getElementById(wrap_id)) {</span><span class="WHIT">
+<span class='line'>1266</span> </span><span class="WHIT">                                </span><span class="COMM">//     scale = el.board.containerObj._cssFullscreenStore.scale;</span><span class="WHIT">
+<span class='line'>1267</span> </span><span class="WHIT">                                </span><span class="COMM">//     vshift = el.board.containerObj._cssFullscreenStore.vshift;</span><span class="WHIT">
+<span class='line'>1268</span> </span><span class="WHIT">                                </span><span class="COMM">//     Env.scaleJSXGraphDiv(</span><span class="WHIT">
+<span class='line'>1269</span> </span><span class="WHIT">                                </span><span class="COMM">//         "#" + wrap_id,</span><span class="WHIT">
+<span class='line'>1270</span> </span><span class="WHIT">                                </span><span class="COMM">//         "#" + id,</span><span class="WHIT">
+<span class='line'>1271</span> </span><span class="WHIT">                                </span><span class="COMM">//         scale,</span><span class="WHIT">
+<span class='line'>1272</span> </span><span class="WHIT">                                </span><span class="COMM">//         vshift</span><span class="WHIT">
+<span class='line'>1273</span> </span><span class="WHIT">                                </span><span class="COMM">//     );</span><span class="WHIT">
+<span class='line'>1274</span> </span><span class="WHIT">                                </span><span class="COMM">// }</span><span class="WHIT">
+<span class='line'>1275</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1276</span> </span><span class="WHIT">                                </span><span class="NAME">JXG.debug</span><span class="PUNC">(</span><span class="STRN">"MathJax (not yet) loaded"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1277</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1278</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.usekatex</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1279</span> </span><span class="WHIT">                            </span><span class="KEYW">try</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1280</span> </span><span class="WHIT">                                </span><span class="COMM">/* eslint-disable no-undef */</span><span class="WHIT">
+<span class='line'>1281</span> </span><span class="WHIT">                                </span><span class="NAME">katex.render</span><span class="PUNC">(</span><span class="NAME">content</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.rendNode</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1282</span> </span><span class="WHIT">                                    </span><span class="NAME">macros</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.katexmacros</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1283</span> </span><span class="WHIT">                                    </span><span class="NAME">throwOnError</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="WHIT">
+<span class='line'>1284</span> </span><span class="WHIT">                                </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1285</span> </span><span class="WHIT">                                </span><span class="COMM">/* eslint-enable no-undef */</span><span class="WHIT">
+<span class='line'>1286</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1287</span> </span><span class="WHIT">                                </span><span class="NAME">JXG.debug</span><span class="PUNC">(</span><span class="STRN">"KaTeX not loaded (yet)"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1288</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1289</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.useasciimathml</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1290</span> </span><span class="WHIT">                            </span><span class="COMM">// This is not a constructor.</span><span class="WHIT">
+<span class='line'>1291</span> </span><span class="WHIT">                            </span><span class="COMM">// See http://asciimath.org/ for more information</span><span class="WHIT">
+<span class='line'>1292</span> </span><span class="WHIT">                            </span><span class="COMM">// about AsciiMathML and the project's source code.</span><span class="WHIT">
+<span class='line'>1293</span> </span><span class="WHIT">                            </span><span class="KEYW">try</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1294</span> </span><span class="WHIT">                                </span><span class="NAME">AMprocessNode</span><span class="PUNC">(</span><span class="NAME">el.rendNode</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1295</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1296</span> </span><span class="WHIT">                                </span><span class="NAME">JXG.debug</span><span class="PUNC">(</span><span class="STRN">"AsciiMathML not loaded (yet)"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1297</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1298</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1299</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1300</span> 
+<span class='line'>1301</span> </span><span class="WHIT">                    </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.rotate</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1302</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1303</span> </span><span class="WHIT">                        </span><span class="COMM">// Don't forget to convert to rad</span><span class="WHIT">
+<span class='line'>1304</span> </span><span class="WHIT">                        </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Math.PI</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NUMB">180</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1305</span> </span><span class="WHIT">                        </span><span class="NAME">co</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.cos</span><span class="PUNC">(</span><span class="NAME">angle</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1306</span> </span><span class="WHIT">                        </span><span class="NAME">si</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.sin</span><span class="PUNC">(</span><span class="NAME">angle</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1307</span> 
+<span class='line'>1308</span> </span><span class="WHIT">                        </span><span class="NAME">el.rendNode.style</span><span class="PUNC">[</span><span class="STRN">'transform'</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'matrix('</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>1309</span> </span><span class="WHIT">                                </span><span class="PUNC">[</span><span class="NAME">co</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">si</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">si</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">co</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">join</span><span class="PUNC">(</span><span class="STRN">','</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT">
+<span class='line'>1310</span> </span><span class="WHIT">                            </span><span class="STRN">')'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1311</span> </span><span class="WHIT">                        </span><span class="NAME">el.rendNode.style</span><span class="PUNC">[</span><span class="STRN">'transform-origin'</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">to_h</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">' '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">to_v</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1312</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1313</span> </span><span class="WHIT">                    </span><span class="NAME">this.transformImage</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.transformations</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1314</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1315</span> </span><span class="WHIT">                    </span><span class="NAME">this.updateInternalText</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1316</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1317</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1318</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1319</span> 
+<span class='line'>1320</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1321</span>          * Converts string containing CSS properties into
+<span class='line'>1322</span>          * array with key-value pair objects.
+<span class='line'>1323</span>          *
+<span class='line'>1324</span>          * @example
+<span class='line'>1325</span>          * "color:blue; background-color:yellow" is converted to
+<span class='line'>1326</span>          * [{'color': 'blue'}, {'backgroundColor': 'yellow'}]
+<span class='line'>1327</span>          *
+<span class='line'>1328</span>          * @param  {String} cssString String containing CSS properties
+<span class='line'>1329</span>          * @return {Array}           Array of CSS key-value pairs
+<span class='line'>1330</span>          */</span><span class="WHIT">
+<span class='line'>1331</span> </span><span class="WHIT">        </span><span class="NAME">_css2js</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cssString</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1332</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">pairs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1333</span> </span><span class="WHIT">                </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1334</span> </span><span class="WHIT">                </span><span class="NAME">len</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1335</span> </span><span class="WHIT">                </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1336</span> </span><span class="WHIT">                </span><span class="NAME">val</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1337</span> </span><span class="WHIT">                </span><span class="NAME">s</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1338</span> </span><span class="WHIT">                </span><span class="NAME">list</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.trim</span><span class="PUNC">(</span><span class="NAME">cssString</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">replace</span><span class="PUNC">(</span><span class="REGX">/;$/</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">split</span><span class="PUNC">(</span><span class="STRN">";"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1339</span> 
+<span class='line'>1340</span> </span><span class="WHIT">            </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">list.length</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1341</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="NAME">i</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1342</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.trim</span><span class="PUNC">(</span><span class="NAME">list</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1343</span> </span><span class="WHIT">                    </span><span class="NAME">s</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">list</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">split</span><span class="PUNC">(</span><span class="STRN">":"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1344</span> </span><span class="WHIT">                    </span><span class="NAME">key</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.trim</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1345</span> </span><span class="WHIT">                        </span><span class="NAME">s</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">replace</span><span class="PUNC">(</span><span class="REGX">/-([a-z])/gi</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">match</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">char</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1346</span> </span><span class="WHIT">                            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">char.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1347</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>1348</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1349</span> </span><span class="WHIT">                    </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.trim</span><span class="PUNC">(</span><span class="NAME">s</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1350</span> </span><span class="WHIT">                    </span><span class="NAME">pairs.push</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1351</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1352</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1353</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">pairs</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1354</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1355</span> 
+<span class='line'>1356</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1357</span>          * Updates font-size, color and opacity propertiey and CSS style properties of a {@link JXG.Text} node.
+<span class='line'>1358</span>          * This function is also called by highlight() and nohighlight().
+<span class='line'>1359</span>          * @param {JXG.Text} el Reference to the {@link JXG.Text} object, that has to be updated.
+<span class='line'>1360</span>          * @param {Boolean} doHighlight
+<span class='line'>1361</span>          * @see Text
+<span class='line'>1362</span>          * @see JXG.Text
+<span class='line'>1363</span>          * @see JXG.AbstractRenderer#drawText
+<span class='line'>1364</span>          * @see JXG.AbstractRenderer#drawInternalText
+<span class='line'>1365</span>          * @see JXG.AbstractRenderer#updateText
+<span class='line'>1366</span>          * @see JXG.AbstractRenderer#updateInternalText
+<span class='line'>1367</span>          * @see JXG.AbstractRenderer#updateInternalTextStyle
+<span class='line'>1368</span>          */</span><span class="WHIT">
+<span class='line'>1369</span> </span><span class="WHIT">        </span><span class="NAME">updateTextStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">doHighlight</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1370</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1371</span> </span><span class="WHIT">                </span><span class="NAME">so</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1372</span> </span><span class="WHIT">                </span><span class="NAME">sc</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1373</span> </span><span class="WHIT">                </span><span class="NAME">css</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1374</span> </span><span class="WHIT">                </span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1375</span> </span><span class="WHIT">                </span><span class="NAME">ev</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.visProp</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1376</span> </span><span class="WHIT">                </span><span class="NAME">display</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Env.isBrowser</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">ev.display</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"internal"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1377</span> </span><span class="WHIT">                </span><span class="NAME">nodeList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">"rendNode"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"rendNodeTag"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"rendNodeLabel"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1378</span> </span><span class="WHIT">                </span><span class="NAME">lenN</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">nodeList.length</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1379</span> </span><span class="WHIT">                </span><span class="NAME">fontUnit</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.fontunit</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1380</span> </span><span class="WHIT">                </span><span class="NAME">cssList</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1381</span> </span><span class="WHIT">                </span><span class="NAME">prop</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1382</span> </span><span class="WHIT">                </span><span class="NAME">style</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1383</span> </span><span class="WHIT">                </span><span class="NAME">cssString</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1384</span> </span><span class="WHIT">                </span><span class="NAME">styleList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">"cssdefaultstyle"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"cssstyle"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1385</span> </span><span class="WHIT">                </span><span class="NAME">lenS</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">styleList.length</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1386</span> 
+<span class='line'>1387</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">doHighlight</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1388</span> </span><span class="WHIT">                </span><span class="NAME">sc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.highlightstrokecolor</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1389</span> </span><span class="WHIT">                </span><span class="NAME">so</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.highlightstrokeopacity</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1390</span> </span><span class="WHIT">                </span><span class="NAME">css</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.highlightcssclass</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1391</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1392</span> </span><span class="WHIT">                </span><span class="NAME">sc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.strokecolor</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1393</span> </span><span class="WHIT">                </span><span class="NAME">so</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.strokeopacity</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1394</span> </span><span class="WHIT">                </span><span class="NAME">css</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ev.cssclass</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1395</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1396</span> 
+<span class='line'>1397</span> </span><span class="WHIT">            </span><span class="COMM">// This part is executed for all text elements except internal texts in canvas.</span><span class="WHIT">
+<span class='line'>1398</span> </span><span class="WHIT">            </span><span class="COMM">// HTML-texts or internal texts in SVG or VML.</span><span class="WHIT">
+<span class='line'>1399</span> </span><span class="WHIT">            </span><span class="COMM">//            HTML    internal</span><span class="WHIT">
+<span class='line'>1400</span> </span><span class="WHIT">            </span><span class="COMM">//  SVG        +         +</span><span class="WHIT">
+<span class='line'>1401</span> </span><span class="WHIT">            </span><span class="COMM">//  VML        +         +</span><span class="WHIT">
+<span class='line'>1402</span> </span><span class="WHIT">            </span><span class="COMM">//  canvas     +         -</span><span class="WHIT">
+<span class='line'>1403</span> </span><span class="WHIT">            </span><span class="COMM">//  no         -         -</span><span class="WHIT">
+<span class='line'>1404</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this.type</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"no"</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">display</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"html"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">this.type</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1405</span> </span><span class="WHIT">                </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">lenS</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">style</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1406</span> </span><span class="WHIT">                    </span><span class="COMM">// First set cssString to</span><span class="WHIT">
+<span class='line'>1407</span> </span><span class="WHIT">                    </span><span class="COMM">// ev.cssdefaultstyle of ev.highlightcssdefaultstyle,</span><span class="WHIT">
+<span class='line'>1408</span> </span><span class="WHIT">                    </span><span class="COMM">// then to</span><span class="WHIT">
+<span class='line'>1409</span> </span><span class="WHIT">                    </span><span class="COMM">// ev.cssstyle of ev.highlightcssstyle</span><span class="WHIT">
+<span class='line'>1410</span> </span><span class="WHIT">                    </span><span class="NAME">cssString</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1411</span> </span><span class="WHIT">                        </span><span class="NAME">ev</span><span class="PUNC">[</span><span class="PUNC">(</span><span class="NAME">doHighlight</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">"highlight"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">styleList</span><span class="PUNC">[</span><span class="NAME">style</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="WHIT">
+<span class='line'>1412</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1413</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cssString</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">el.visPropOld</span><span class="PUNC">[</span><span class="NAME">styleList</span><span class="PUNC">[</span><span class="NAME">style</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">cssString</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1414</span> </span><span class="WHIT">                        </span><span class="NAME">cssList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._css2js</span><span class="PUNC">(</span><span class="NAME">cssString</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1415</span> </span><span class="WHIT">                        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">lenN</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1416</span> </span><span class="WHIT">                            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1417</span> </span><span class="WHIT">                                </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">prop</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">cssList</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1418</span> </span><span class="WHIT">                                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cssList.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">prop</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1419</span> </span><span class="WHIT">                                        </span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">style</span><span class="PUNC">[</span><span class="NAME">cssList</span><span class="PUNC">[</span><span class="NAME">prop</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">key</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">
+<span class='line'>1420</span> </span><span class="WHIT">                                            </span><span class="NAME">cssList</span><span class="PUNC">[</span><span class="NAME">prop</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1421</span> </span><span class="WHIT">                                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1422</span> </span><span class="WHIT">                                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1423</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1424</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1425</span> </span><span class="WHIT">                        </span><span class="NAME">el.visPropOld</span><span class="PUNC">[</span><span class="NAME">styleList</span><span class="PUNC">[</span><span class="NAME">style</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cssString</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1426</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1427</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1428</span> 
+<span class='line'>1429</span> </span><span class="WHIT">                </span><span class="NAME">fs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.fontsize</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1430</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.visPropOld.fontsize</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1431</span> </span><span class="WHIT">                    </span><span class="NAME">el.needsSizeUpdate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1432</span> </span><span class="WHIT">                    </span><span class="KEYW">try</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1433</span> </span><span class="WHIT">                        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">lenN</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1434</span> </span><span class="WHIT">                            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1435</span> </span><span class="WHIT">                                </span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">style.fontSize</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">fontUnit</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1436</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1437</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1438</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">catch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1439</span> </span><span class="WHIT">                        </span><span class="COMM">// IE needs special treatment.</span><span class="WHIT">
+<span class='line'>1440</span> </span><span class="WHIT">                        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">lenN</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1441</span> </span><span class="WHIT">                            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1442</span> </span><span class="WHIT">                                </span><span class="NAME">el</span><span class="PUNC">[</span><span class="NAME">nodeList</span><span class="PUNC">[</span><span class="NAME">node</span><span class="PUNC">]</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">style.fontSize</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1443</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1444</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1445</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1446</span> </span><span class="WHIT">                    </span><span class="NAME">el.visPropOld.fontsize</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">fs</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1447</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1448</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1449</span> 
+<span class='line'>1450</span> </span><span class="WHIT">            </span><span class="NAME">this.setTabindex</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1451</span> 
+<span class='line'>1452</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1453</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">display</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"html"</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">this.type</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"no"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1454</span> </span><span class="WHIT">                </span><span class="COMM">// Set new CSS class</span><span class="WHIT">
+<span class='line'>1455</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.visPropOld.cssclass</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">css</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1456</span> </span><span class="WHIT">                    </span><span class="NAME">el.rendNode.className</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">css</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1457</span> </span><span class="WHIT">                    </span><span class="NAME">el.visPropOld.cssclass</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">css</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1458</span> </span><span class="WHIT">                    </span><span class="NAME">el.needsSizeUpdate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1459</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1460</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sc</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">so</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1461</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1462</span> </span><span class="WHIT">                </span><span class="NAME">this.updateInternalTextStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sc</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">so</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1463</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1464</span> 
+<span class='line'>1465</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1466</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1467</span> 
+<span class='line'>1468</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1469</span>          * Set color and opacity of internal texts.
+<span class='line'>1470</span>          * This method is used for Canvas and VML.
+<span class='line'>1471</span>          * SVG needs its own version.
+<span class='line'>1472</span>          * @private
+<span class='line'>1473</span>          * @see JXG.AbstractRenderer#updateTextStyle
+<span class='line'>1474</span>          * @see JXG.SVGRenderer#updateInternalTextStyle
+<span class='line'>1475</span>          */</span><span class="WHIT">
+<span class='line'>1476</span> </span><span class="WHIT">        </span><span class="NAME">updateInternalTextStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">strokeColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">strokeOpacity</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1477</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">strokeColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">strokeOpacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1478</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1479</span> 
+<span class='line'>1480</span> </span><span class="WHIT">        </span><span class="COMM">/* **************************
+<span class='line'>1481</span>          *    Image related stuff
+<span class='line'>1482</span>          * **************************/</span><span class="WHIT">
+<span class='line'>1483</span> 
+<span class='line'>1484</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1485</span>          * Draws an {@link JXG.Image} on a board; This is just a template that has to be implemented by special
+<span class='line'>1486</span>          * renderers.
+<span class='line'>1487</span>          * @param {JXG.Image} element Reference to the image object that is to be drawn
+<span class='line'>1488</span>          * @see Image
+<span class='line'>1489</span>          * @see JXG.Image
+<span class='line'>1490</span>          * @see JXG.AbstractRenderer#updateImage
+<span class='line'>1491</span>          */</span><span class="WHIT">
+<span class='line'>1492</span> </span><span class="WHIT">        </span><span class="NAME">drawImage</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1493</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1494</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1495</span> 
+<span class='line'>1496</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1497</span>          * Updates the properties of an {@link JXG.Image} element.
+<span class='line'>1498</span>          * @param {JXG.Image} el Reference to an {@link JXG.Image} object, that has to be updated.
+<span class='line'>1499</span>          * @see Image
+<span class='line'>1500</span>          * @see JXG.Image
+<span class='line'>1501</span>          * @see JXG.AbstractRenderer#drawImage
+<span class='line'>1502</span>          */</span><span class="WHIT">
+<span class='line'>1503</span> </span><span class="WHIT">        </span><span class="NAME">updateImage</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1504</span> </span><span class="WHIT">            </span><span class="NAME">this.updateRectPrim</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1505</span> </span><span class="WHIT">                </span><span class="NAME">el.rendNode</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1506</span> </span><span class="WHIT">                </span><span class="NAME">el.coords.scrCoords</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1507</span> </span><span class="WHIT">                </span><span class="NAME">el.coords.scrCoords</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">el.size</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1508</span> </span><span class="WHIT">                </span><span class="NAME">el.size</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1509</span> </span><span class="WHIT">                </span><span class="NAME">el.size</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT">
+<span class='line'>1510</span> </span><span class="WHIT">            </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1511</span> 
+<span class='line'>1512</span> </span><span class="WHIT">            </span><span class="NAME">this.updateImageURL</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1513</span> </span><span class="WHIT">            </span><span class="NAME">this.transformImage</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.transformations</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1514</span> </span><span class="WHIT">            </span><span class="NAME">this._updateVisual</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">stroke</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">dash</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1515</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1516</span> 
+<span class='line'>1517</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1518</span>          * Multiplication of transformations without updating. That means, at that point it is expected that the
+<span class='line'>1519</span>          * matrices contain numbers only. First, the origin in user coords is translated to &lt;tt>(0,0)&lt;/tt> in screen
+<span class='line'>1520</span>          * coords. Then, the stretch factors are divided out. After the transformations in user coords, the stretch
+<span class='line'>1521</span>          * factors are multiplied in again, and the origin in user coords is translated back to its position. This
+<span class='line'>1522</span>          * method does not have to be implemented in a new renderer.
+<span class='line'>1523</span>          * @param {JXG.GeometryElement} el A JSXGraph element. We only need its board property.
+<span class='line'>1524</span>          * @param {Array} transformations An array of JXG.Transformations.
+<span class='line'>1525</span>          * @returns {Array} A matrix represented by a two dimensional array of numbers.
+<span class='line'>1526</span>          * @see JXG.AbstractRenderer#transformImage
+<span class='line'>1527</span>          */</span><span class="WHIT">
+<span class='line'>1528</span> </span><span class="WHIT">        </span><span class="NAME">joinTransforms</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">transformations</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1529</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1530</span> </span><span class="WHIT">                </span><span class="NAME">ox</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.origin.scrCoords</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1531</span> </span><span class="WHIT">                </span><span class="NAME">oy</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.origin.scrCoords</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1532</span> </span><span class="WHIT">                </span><span class="NAME">ux</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.unitX</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1533</span> </span><span class="WHIT">                </span><span class="NAME">uy</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.unitY</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1534</span> </span><span class="WHIT">                </span><span class="COMM">// Translate to 0,0 in screen coords</span><span class="WHIT">
+<span class='line'>1535</span> </span><span class="WHIT">                </span><span class="COMM">/*
+<span class='line'>1536</span>                 m = [[1, 0, 0], [0, 1, 0], [0, 0, 1]],
+<span class='line'>1537</span>                 mpre1 =  [[1,   0, 0],
+<span class='line'>1538</span>                     [-ox, 1, 0],
+<span class='line'>1539</span>                     [-oy, 0, 1]],
+<span class='line'>1540</span>                 // Scale
+<span class='line'>1541</span>                 mpre2 =  [[1, 0,     0],
+<span class='line'>1542</span>                     [0, 1 / ux,  0],
+<span class='line'>1543</span>                     [0, 0, -1 / uy]],
+<span class='line'>1544</span>                 // Scale back
+<span class='line'>1545</span>                 mpost2 = [[1, 0,   0],
+<span class='line'>1546</span>                     [0, ux,  0],
+<span class='line'>1547</span>                     [0, 0, -uy]],
+<span class='line'>1548</span>                 // Translate back
+<span class='line'>1549</span>                 mpost1 = [[1,  0, 0],
+<span class='line'>1550</span>                     [ox, 1, 0],
+<span class='line'>1551</span>                     [oy, 0, 1]],
+<span class='line'>1552</span>                 */</span><span class="WHIT">
+<span class='line'>1553</span> </span><span class="WHIT">                </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">transformations.length</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1554</span> </span><span class="WHIT">                </span><span class="COMM">// Translate to 0,0 in screen coords and then scale</span><span class="WHIT">
+<span class='line'>1555</span> </span><span class="WHIT">                </span><span class="NAME">m</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="WHIT">
+<span class='line'>1556</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1557</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="PUNC">-</span><span class="NAME">ox</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">ux</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">ux</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1558</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NAME">oy</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">uy</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NAME">uy</span><span class="PUNC">]</span><span class="WHIT">
+<span class='line'>1559</span> </span><span class="WHIT">                </span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1560</span> 
+<span class='line'>1561</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1562</span> </span><span class="WHIT">                </span><span class="COMM">//m = Mat.matMatMult(mpre1, m);</span><span class="WHIT">
+<span class='line'>1563</span> </span><span class="WHIT">                </span><span class="COMM">//m = Mat.matMatMult(mpre2, m);</span><span class="WHIT">
+<span class='line'>1564</span> </span><span class="WHIT">                </span><span class="NAME">m</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Mat.matMatMult</span><span class="PUNC">(</span><span class="NAME">transformations</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">matrix</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">m</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1565</span> </span><span class="WHIT">                </span><span class="COMM">//m = Mat.matMatMult(mpost2, m);</span><span class="WHIT">
+<span class='line'>1566</span> </span><span class="WHIT">                </span><span class="COMM">//m = Mat.matMatMult(mpost1, m);</span><span class="WHIT">
+<span class='line'>1567</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1568</span> </span><span class="WHIT">            </span><span class="COMM">// Scale back and then translate back</span><span class="WHIT">
+<span class='line'>1569</span> </span><span class="WHIT">            </span><span class="NAME">m</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Mat.matMatMult</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1570</span> </span><span class="WHIT">                </span><span class="PUNC">[</span><span class="WHIT">
+<span class='line'>1571</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1572</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NAME">ox</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ux</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1573</span> </span><span class="WHIT">                    </span><span class="PUNC">[</span><span class="NAME">oy</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NAME">uy</span><span class="PUNC">]</span><span class="WHIT">
+<span class='line'>1574</span> </span><span class="WHIT">                </span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1575</span> </span><span class="WHIT">                </span><span class="NAME">m</span><span class="WHIT">
+<span class='line'>1576</span> </span><span class="WHIT">            </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1577</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">m</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1578</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1579</span> 
+<span class='line'>1580</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1581</span>          * Applies transformations on images and text elements. This method has to implemented in
+<span class='line'>1582</span>          * all descendant classes where text and image transformations are to be supported.
+<span class='line'>1583</span>          * &lt;p>
+<span class='line'>1584</span>          * Only affine transformation are supported, no proper projective transformations. This means, the 
+<span class='line'>1585</span>          * respective entries of the transformation matrix are simply ignored.
+<span class='line'>1586</span>          * 
+<span class='line'>1587</span>          * @param {JXG.Image|JXG.Text} element A {@link JXG.Image} or {@link JXG.Text} object.
+<span class='line'>1588</span>          * @param {Array} transformations An array of {@link JXG.Transformation} objects. This is usually the
+<span class='line'>1589</span>          * transformations property of the given element &lt;tt>el&lt;/tt>.
+<span class='line'>1590</span>          */</span><span class="WHIT">
+<span class='line'>1591</span> </span><span class="WHIT">        </span><span class="NAME">transformImage</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">transformations</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1592</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1593</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1594</span> 
+<span class='line'>1595</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1596</span>          * If the URL of the image is provided by a function the URL has to be updated during updateImage()
+<span class='line'>1597</span>          * @param {JXG.Image} element Reference to an image object.
+<span class='line'>1598</span>          * @see JXG.AbstractRenderer#updateImage
+<span class='line'>1599</span>          */</span><span class="WHIT">
+<span class='line'>1600</span> </span><span class="WHIT">        </span><span class="NAME">updateImageURL</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1601</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1602</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1603</span> 
+<span class='line'>1604</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1605</span>          * Updates CSS style properties of a {@link JXG.Image} node.
+<span class='line'>1606</span>          * In SVGRenderer opacity is the only available style element.
+<span class='line'>1607</span>          * This function is called by highlight() and nohighlight().
+<span class='line'>1608</span>          * This function works for VML.
+<span class='line'>1609</span>          * It does not work for Canvas.
+<span class='line'>1610</span>          * SVGRenderer overwrites this method.
+<span class='line'>1611</span>          * @param {JXG.Text} el Reference to the {@link JXG.Image} object, that has to be updated.
+<span class='line'>1612</span>          * @param {Boolean} doHighlight
+<span class='line'>1613</span>          * @see Image
+<span class='line'>1614</span>          * @see JXG.Image
+<span class='line'>1615</span>          * @see JXG.AbstractRenderer#highlight
+<span class='line'>1616</span>          * @see JXG.AbstractRenderer#noHighlight
+<span class='line'>1617</span>          */</span><span class="WHIT">
+<span class='line'>1618</span> </span><span class="WHIT">        </span><span class="NAME">updateImageStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">doHighlight</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1619</span> </span><span class="WHIT">            </span><span class="NAME">el.rendNode.className</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>1620</span> </span><span class="WHIT">                </span><span class="NAME">doHighlight</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">el.visProp.highlightcssclass</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">el.visProp.cssclass</span><span class="WHIT">
+<span class='line'>1621</span> </span><span class="WHIT">            </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1622</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1623</span> 
+<span class='line'>1624</span> </span><span class="WHIT">        </span><span class="NAME">drawForeignObject</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1625</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1626</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1627</span> 
+<span class='line'>1628</span> </span><span class="WHIT">        </span><span class="NAME">updateForeignObject</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1629</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1630</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1631</span> 
+<span class='line'>1632</span> </span><span class="WHIT">        </span><span class="COMM">/* **************************
+<span class='line'>1633</span>          * Render primitive objects
+<span class='line'>1634</span>          * **************************/</span><span class="WHIT">
+<span class='line'>1635</span> 
+<span class='line'>1636</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1637</span>          * Appends a node to a specific layer level. This is just an abstract method and has to be implemented
+<span class='line'>1638</span>          * in all renderers that want to use the &lt;tt>createPrim&lt;/tt> model to draw.
+<span class='line'>1639</span>          * @param {Node} node A DOM tree node.
+<span class='line'>1640</span>          * @param {Number} level The layer the node is attached to. This is the index of the layer in
+<span class='line'>1641</span>          * {@link JXG.SVGRenderer#layer} or the &lt;tt>z-index&lt;/tt> style property of the node in VMLRenderer.
+<span class='line'>1642</span>          */</span><span class="WHIT">
+<span class='line'>1643</span> </span><span class="WHIT">        </span><span class="NAME">appendChildPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">level</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1644</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1645</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1646</span> 
+<span class='line'>1647</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1648</span>          * Stores the rendering nodes. This is an abstract method which has to be implemented in all renderers that use
+<span class='line'>1649</span>          * the &lt;tt>createPrim&lt;/tt> method.
+<span class='line'>1650</span>          * @param {JXG.GeometryElement} element A JSXGraph element.
+<span class='line'>1651</span>          * @param {String} type The XML node name. Only used in VMLRenderer.
+<span class='line'>1652</span>          */</span><span class="WHIT">
+<span class='line'>1653</span> </span><span class="WHIT">        </span><span class="NAME">appendNodesToElement</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1654</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1655</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1656</span> 
+<span class='line'>1657</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1658</span>          * Creates a node of a given type with a given id.
+<span class='line'>1659</span>          * @param {String} type The type of the node to create.
+<span class='line'>1660</span>          * @param {String} id Set the id attribute to this.
+<span class='line'>1661</span>          * @returns {Node} Reference to the created node.
+<span class='line'>1662</span>          */</span><span class="WHIT">
+<span class='line'>1663</span> </span><span class="WHIT">        </span><span class="NAME">createPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1664</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1665</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1666</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1667</span> 
+<span class='line'>1668</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1669</span>          * Removes an element node. Just a stub.
+<span class='line'>1670</span>          * @param {Node} node The node to remove.
+<span class='line'>1671</span>          */</span><span class="WHIT">
+<span class='line'>1672</span> </span><span class="WHIT">        </span><span class="NAME">remove</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1673</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1674</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1675</span> 
+<span class='line'>1676</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1677</span>          * Can be used to create the nodes to display arrows. This is an abstract method which has to be implemented
+<span class='line'>1678</span>          * in any descendant renderer.
+<span class='line'>1679</span>          * @param {JXG.GeometryElement} element The element the arrows are to be attached to.
+<span class='line'>1680</span>          * @param {Object} arrowData Data concerning possible arrow heads
+<span class='line'>1681</span>          *
+<span class='line'>1682</span>          */</span><span class="WHIT">
+<span class='line'>1683</span> </span><span class="WHIT">        </span><span class="NAME">makeArrows</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arrowData</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1684</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1685</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1686</span> 
+<span class='line'>1687</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1688</span>          * Updates width of an arrow DOM node. Used in
+<span class='line'>1689</span>          * @param {Node} node The arrow node.
+<span class='line'>1690</span>          * @param {Number} width
+<span class='line'>1691</span>          * @param {Node} parentNode Used in IE only
+<span class='line'>1692</span>          */</span><span class="WHIT">
+<span class='line'>1693</span> </span><span class="WHIT">        </span><span class="NAME">_setArrowWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parentNode</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1694</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1695</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1696</span> 
+<span class='line'>1697</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1698</span>          * Updates an ellipse node primitive. This is an abstract method which has to be implemented in all renderers
+<span class='line'>1699</span>          * that use the &lt;tt>createPrim&lt;/tt> method.
+<span class='line'>1700</span>          * @param {Node} node Reference to the node.
+<span class='line'>1701</span>          * @param {Number} x Centre X coordinate
+<span class='line'>1702</span>          * @param {Number} y Centre Y coordinate
+<span class='line'>1703</span>          * @param {Number} rx The x-axis radius.
+<span class='line'>1704</span>          * @param {Number} ry The y-axis radius.
+<span class='line'>1705</span>          */</span><span class="WHIT">
+<span class='line'>1706</span> </span><span class="WHIT">        </span><span class="NAME">updateEllipsePrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ry</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1707</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1708</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1709</span> 
+<span class='line'>1710</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1711</span>          * Refreshes a line node. This is an abstract method which has to be implemented in all renderers that use
+<span class='line'>1712</span>          * the &lt;tt>createPrim&lt;/tt> method.
+<span class='line'>1713</span>          * @param {Node} node The node to be refreshed.
+<span class='line'>1714</span>          * @param {Number} p1x The first point's x coordinate.
+<span class='line'>1715</span>          * @param {Number} p1y The first point's y coordinate.
+<span class='line'>1716</span>          * @param {Number} p2x The second point's x coordinate.
+<span class='line'>1717</span>          * @param {Number} p2y The second point's y coordinate.
+<span class='line'>1718</span>          * @param {JXG.Board} board
+<span class='line'>1719</span>          */</span><span class="WHIT">
+<span class='line'>1720</span> </span><span class="WHIT">        </span><span class="NAME">updateLinePrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p2x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p2y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1721</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1722</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1723</span> 
+<span class='line'>1724</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1725</span>          * Updates a path element. This is an abstract method which has to be implemented in all renderers that use
+<span class='line'>1726</span>          * the &lt;tt>createPrim&lt;/tt> method.
+<span class='line'>1727</span>          * @param {Node} node The path node.
+<span class='line'>1728</span>          * @param {String} pathString A string formatted like e.g. &lt;em>'M 1,2 L 3,1 L5,5'&lt;/em>. The format of the string
+<span class='line'>1729</span>          * depends on the rendering engine.
+<span class='line'>1730</span>          * @param {JXG.Board} board Reference to the element's board.
+<span class='line'>1731</span>          */</span><span class="WHIT">
+<span class='line'>1732</span> </span><span class="WHIT">        </span><span class="NAME">updatePathPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">pathString</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1733</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1734</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1735</span> 
+<span class='line'>1736</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1737</span>          * Builds a path data string to draw a point with a face other than &lt;em>rect&lt;/em> and &lt;em>circle&lt;/em>. Since
+<span class='line'>1738</span>          * the format of such a string usually depends on the renderer this method
+<span class='line'>1739</span>          * is only an abstract method. Therefore, it has to be implemented in the descendant renderer itself unless
+<span class='line'>1740</span>          * the renderer does not use the createPrim interface but the draw* interfaces to paint.
+<span class='line'>1741</span>          * @param {JXG.Point} element The point element
+<span class='line'>1742</span>          * @param {Number} size A positive number describing the size. Usually the half of the width and height of
+<span class='line'>1743</span>          * the drawn point.
+<span class='line'>1744</span>          * @param {String} type A string describing the point's face. This method only accepts the shortcut version of
+<span class='line'>1745</span>          * each possible face: &lt;tt>x, +, |, -, [], &lt;>, ^, v, >, &lt; &lt;/tt>
+<span class='line'>1746</span>          */</span><span class="WHIT">
+<span class='line'>1747</span> </span><span class="WHIT">        </span><span class="NAME">updatePathStringPoint</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">size</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1748</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1749</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1750</span> 
+<span class='line'>1751</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1752</span>          * Builds a path data string from a {@link JXG.Curve} element. Since the path data strings heavily depend on the
+<span class='line'>1753</span>          * underlying rendering technique this method is just a stub. Although such a path string is of no use for the
+<span class='line'>1754</span>          * CanvasRenderer, this method is used there to draw a path directly.
+<span class='line'>1755</span>          * @param element
+<span class='line'>1756</span>          */</span><span class="WHIT">
+<span class='line'>1757</span> </span><span class="WHIT">        </span><span class="NAME">updatePathStringPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1758</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1759</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1760</span> 
+<span class='line'>1761</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1762</span>          * Builds a path data string from a {@link JXG.Curve} element such that the curve looks like hand drawn. Since
+<span class='line'>1763</span>          * the path data strings heavily depend on the underlying rendering technique this method is just a stub.
+<span class='line'>1764</span>          * Although such a path string is of no use for the CanvasRenderer, this method is used there to draw a path
+<span class='line'>1765</span>          * directly.
+<span class='line'>1766</span>          * @param element
+<span class='line'>1767</span>          */</span><span class="WHIT">
+<span class='line'>1768</span> </span><span class="WHIT">        </span><span class="NAME">updatePathStringBezierPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1769</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1770</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1771</span> 
+<span class='line'>1772</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1773</span>          * Update a polygon primitive.
+<span class='line'>1774</span>          * @param {Node} node
+<span class='line'>1775</span>          * @param {JXG.Polygon} element A JSXGraph element of type {@link JXG.Polygon}
+<span class='line'>1776</span>          */</span><span class="WHIT">
+<span class='line'>1777</span> </span><span class="WHIT">        </span><span class="NAME">updatePolygonPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1778</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1779</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1780</span> 
+<span class='line'>1781</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1782</span>          * Update a rectangle primitive. This is used only for points with face of type 'rect'.
+<span class='line'>1783</span>          * @param {Node} node The node yearning to be updated.
+<span class='line'>1784</span>          * @param {Number} x x coordinate of the top left vertex.
+<span class='line'>1785</span>          * @param {Number} y y coordinate of the top left vertex.
+<span class='line'>1786</span>          * @param {Number} w Width of the rectangle.
+<span class='line'>1787</span>          * @param {Number} h The rectangle's height.
+<span class='line'>1788</span>          */</span><span class="WHIT">
+<span class='line'>1789</span> </span><span class="WHIT">        </span><span class="NAME">updateRectPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1790</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1791</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1792</span> 
+<span class='line'>1793</span> </span><span class="WHIT">        </span><span class="COMM">/* **************************
+<span class='line'>1794</span>          *  Set Attributes
+<span class='line'>1795</span>          * **************************/</span><span class="WHIT">
+<span class='line'>1796</span> 
+<span class='line'>1797</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1798</span>          * Sets a node's attribute.
+<span class='line'>1799</span>          * @param {Node} node The node that is to be updated.
+<span class='line'>1800</span>          * @param {String} key Name of the attribute.
+<span class='line'>1801</span>          * @param {String} val New value for the attribute.
+<span class='line'>1802</span>          */</span><span class="WHIT">
+<span class='line'>1803</span> </span><span class="WHIT">        </span><span class="NAME">setPropertyPrim</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">key</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1804</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1805</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1806</span> 
+<span class='line'>1807</span> </span><span class="WHIT">        </span><span class="NAME">setTabindex</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1808</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1809</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element.board.attr.keyboard.enabled</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">element.rendNode</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1810</span> </span><span class="WHIT">                </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">element.visProp.tabindex</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1811</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">element.visPropCalc.visible</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">element.visProp.fixed</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1812</span> </span><span class="WHIT">                    </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1813</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1814</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">element.visPropOld.tabindex</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1815</span> </span><span class="WHIT">                    </span><span class="NAME">element.rendNode.setAttribute</span><span class="PUNC">(</span><span class="STRN">"tabindex"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1816</span> </span><span class="WHIT">                    </span><span class="NAME">element.visPropOld.tabindex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1817</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1818</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1819</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1820</span> 
+<span class='line'>1821</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1822</span>          * Shows or hides an element on the canvas; Only a stub, requires implementation in the derived renderer.
+<span class='line'>1823</span>          * @param {JXG.GeometryElement} element Reference to the object that has to appear.
+<span class='line'>1824</span>          * @param {Boolean} value true to show the element, false to hide the element.
+<span class='line'>1825</span>          */</span><span class="WHIT">
+<span class='line'>1826</span> </span><span class="WHIT">        </span><span class="NAME">display</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1827</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1828</span> </span><span class="WHIT">                </span><span class="NAME">element.visPropOld.visible</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">value</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1829</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1830</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1831</span> 
+<span class='line'>1832</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1833</span>          * Shows a hidden element on the canvas; Only a stub, requires implementation in the derived renderer.
+<span class='line'>1834</span>          *
+<span class='line'>1835</span>          * Please use JXG.AbstractRenderer#display instead
+<span class='line'>1836</span>          * @param {JXG.GeometryElement} element Reference to the object that has to appear.
+<span class='line'>1837</span>          * @see JXG.AbstractRenderer#hide
+<span class='line'>1838</span>          * @deprecated
+<span class='line'>1839</span>          */</span><span class="WHIT">
+<span class='line'>1840</span> </span><span class="WHIT">        </span><span class="NAME">show</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1841</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1842</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1843</span> 
+<span class='line'>1844</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1845</span>          * Hides an element on the canvas; Only a stub, requires implementation in the derived renderer.
+<span class='line'>1846</span>          *
+<span class='line'>1847</span>          * Please use JXG.AbstractRenderer#display instead
+<span class='line'>1848</span>          * @param {JXG.GeometryElement} element Reference to the geometry element that has to disappear.
+<span class='line'>1849</span>          * @see JXG.AbstractRenderer#show
+<span class='line'>1850</span>          * @deprecated
+<span class='line'>1851</span>          */</span><span class="WHIT">
+<span class='line'>1852</span> </span><span class="WHIT">        </span><span class="NAME">hide</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1853</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1854</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1855</span> 
+<span class='line'>1856</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1857</span>          * Sets the buffering as recommended by SVGWG. Until now only Opera supports this and will be ignored by other
+<span class='line'>1858</span>          * browsers. Although this feature is only supported by SVG we have this method in {@link JXG.AbstractRenderer}
+<span class='line'>1859</span>          * because it is called from outside the renderer.
+<span class='line'>1860</span>          * @param {Node} node The SVG DOM Node which buffering type to update.
+<span class='line'>1861</span>          * @param {String} type Either 'auto', 'dynamic', or 'static'. For an explanation see
+<span class='line'>1862</span>          *   {@link https://www.w3.org/TR/SVGTiny12/painting.html#BufferedRenderingProperty}.
+<span class='line'>1863</span>          */</span><span class="WHIT">
+<span class='line'>1864</span> </span><span class="WHIT">        </span><span class="NAME">setBuffering</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1865</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1866</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1867</span> 
+<span class='line'>1868</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1869</span>          * Sets an element's dash style.
+<span class='line'>1870</span>          * @param {JXG.GeometryElement} element An JSXGraph element.
+<span class='line'>1871</span>          */</span><span class="WHIT">
+<span class='line'>1872</span> </span><span class="WHIT">        </span><span class="NAME">setDashStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1873</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1874</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1875</span> 
+<span class='line'>1876</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1877</span>          * Puts an object into draft mode, i.e. it's visual appearance will be changed. For GEONE&lt;sub>x&lt;/sub>T backwards
+<span class='line'>1878</span>          * compatibility.
+<span class='line'>1879</span>          * @param {JXG.GeometryElement} el Reference of the object that is in draft mode.
+<span class='line'>1880</span>          */</span><span class="WHIT">
+<span class='line'>1881</span> </span><span class="WHIT">        </span><span class="NAME">setDraft</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1882</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.draft</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1883</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1884</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1885</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">draftColor</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.options.elements.draft.color</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1886</span> </span><span class="WHIT">                </span><span class="NAME">draftOpacity</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.board.options.elements.draft.opacity</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1887</span> 
+<span class='line'>1888</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1889</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_POLYGON</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1890</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftOpacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1891</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1892</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_POINT</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1893</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftOpacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1894</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1895</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"none"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1896</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1897</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftColor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">draftOpacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1898</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeWidth</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.board.options.elements.draft.strokeWidth</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1899</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1900</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1901</span> 
+<span class='line'>1902</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1903</span>          * Puts an object from draft mode back into normal mode.
+<span class='line'>1904</span>          * @param {JXG.GeometryElement} el Reference of the object that no longer is in draft mode.
+<span class='line'>1905</span>          */</span><span class="WHIT">
+<span class='line'>1906</span> </span><span class="WHIT">        </span><span class="NAME">removeDraft</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1907</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1908</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_POLYGON</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1909</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1910</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1911</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_POINT</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1912</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1913</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1914</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.strokecolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.strokeopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1915</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeWidth</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">el.visProp.strokewidth</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>1916</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>1917</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1918</span> 
+<span class='line'>1919</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1920</span>          * Sets up nodes for rendering a gradient fill.
+<span class='line'>1921</span>          * @param element
+<span class='line'>1922</span>          */</span><span class="WHIT">
+<span class='line'>1923</span> </span><span class="WHIT">        </span><span class="NAME">setGradient</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1924</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1925</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1926</span> 
+<span class='line'>1927</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1928</span>          * Updates the gradient fill.
+<span class='line'>1929</span>          * @param {JXG.GeometryElement} element An JSXGraph element with an area that can be filled.
+<span class='line'>1930</span>          */</span><span class="WHIT">
+<span class='line'>1931</span> </span><span class="WHIT">        </span><span class="NAME">updateGradient</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1932</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1933</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1934</span> 
+<span class='line'>1935</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1936</span>          * Sets the transition duration (in milliseconds) for fill color and stroke
+<span class='line'>1937</span>          * color and opacity.
+<span class='line'>1938</span>          * @param {JXG.GeometryElement} element Reference of the object that wants a
+<span class='line'>1939</span>          *         new transition duration.
+<span class='line'>1940</span>          * @param {Number} duration (Optional) duration in milliseconds. If not given,
+<span class='line'>1941</span>          *        element.visProp.transitionDuration is taken. This is the default.
+<span class='line'>1942</span>          */</span><span class="WHIT">
+<span class='line'>1943</span> </span><span class="WHIT">        </span><span class="NAME">setObjectTransition</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">duration</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1944</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1945</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1946</span> 
+<span class='line'>1947</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1948</span>          * Sets an objects fill color.
+<span class='line'>1949</span>          * @param {JXG.GeometryElement} element Reference of the object that wants a new fill color.
+<span class='line'>1950</span>          * @param {String} color Color in a HTML/CSS compatible format. If you don't want any fill color at all, choose
+<span class='line'>1951</span>          * 'none'.
+<span class='line'>1952</span>          * @param {Number} opacity Opacity of the fill color. Must be between 0 and 1.
+<span class='line'>1953</span>          */</span><span class="WHIT">
+<span class='line'>1954</span> </span><span class="WHIT">        </span><span class="NAME">setObjectFillColor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">color</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">opacity</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1955</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1956</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1957</span> 
+<span class='line'>1958</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1959</span>          * Changes an objects stroke color to the given color.
+<span class='line'>1960</span>          * @param {JXG.GeometryElement} element Reference of the {@link JXG.GeometryElement} that gets a new stroke
+<span class='line'>1961</span>          * color.
+<span class='line'>1962</span>          * @param {String} color Color value in a HTML compatible format, e.g. &lt;strong>#00ff00&lt;/strong> or
+<span class='line'>1963</span>          * &lt;strong>green&lt;/strong> for green.
+<span class='line'>1964</span>          * @param {Number} opacity Opacity of the fill color. Must be between 0 and 1.
+<span class='line'>1965</span>          */</span><span class="WHIT">
+<span class='line'>1966</span> </span><span class="WHIT">        </span><span class="NAME">setObjectStrokeColor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">color</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">opacity</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1967</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1968</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1969</span> 
+<span class='line'>1970</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1971</span>          * Sets an element's stroke width.
+<span class='line'>1972</span>          * @param {JXG.GeometryElement} element Reference to the geometry element.
+<span class='line'>1973</span>          * @param {Number} width The new stroke width to be assigned to the element.
+<span class='line'>1974</span>          */</span><span class="WHIT">
+<span class='line'>1975</span> </span><span class="WHIT">        </span><span class="NAME">setObjectStrokeWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1976</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1977</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1978</span> 
+<span class='line'>1979</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1980</span>          * Sets the shadow properties to a geometry element. This method is only a stub, it is implemented in the actual
+<span class='line'>1981</span>          * renderers.
+<span class='line'>1982</span>          * @param {JXG.GeometryElement} element Reference to a geometry object, that should get a shadow
+<span class='line'>1983</span>          */</span><span class="WHIT">
+<span class='line'>1984</span> </span><span class="WHIT">        </span><span class="NAME">setShadow</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">element</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1985</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>1986</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>1987</span> 
+<span class='line'>1988</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>1989</span>          * Highlights an object, i.e. changes the current colors of the object to its highlighting colors
+<span class='line'>1990</span>          * and highlighting strokewidth.
+<span class='line'>1991</span>          * @param {JXG.GeometryElement} el Reference of the object that will be highlighted.
+<span class='line'>1992</span>          * @param {Boolean} [suppressHighlightStrokeWidth=undefined] If undefined or false, highlighting also changes strokeWidth. This might not be
+<span class='line'>1993</span>          * the cases for polygon borders. Thus, if a polygon is highlighted, its polygon borders change strokeWidth only if the polygon attribute
+<span class='line'>1994</span>          * highlightByStrokeWidth == true.
+<span class='line'>1995</span>          * @returns {JXG.AbstractRenderer} Reference to the renderer
+<span class='line'>1996</span>          * @see JXG.AbstractRenderer#updateTextStyle
+<span class='line'>1997</span>          */</span><span class="WHIT">
+<span class='line'>1998</span> </span><span class="WHIT">        </span><span class="NAME">highlight</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">suppressHighlightStrokeWidth</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>1999</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">do_hl</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2000</span> </span><span class="WHIT">                </span><span class="NAME">ev</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.visProp</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2001</span> </span><span class="WHIT">                </span><span class="NAME">sw</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2002</span> 
+<span class='line'>2003</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2004</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">ev.draft</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2005</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_POLYGON</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2006</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.highlightfillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.highlightfillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2007</span> </span><span class="WHIT">                    </span><span class="NAME">do_hl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.highlightbystrokewidth</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2008</span> </span><span class="WHIT">                    </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">el.borders.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2009</span> </span><span class="WHIT">                        </span><span class="NAME">this.highlight</span><span class="PUNC">(</span><span class="NAME">el.borders</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">do_hl</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2010</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2011</span> </span><span class="WHIT">                    </span><span class="COMM">/*
+<span class='line'>2012</span>                     for (i = 0; i &lt; el.borders.length; i++) {
+<span class='line'>2013</span>                         this.setObjectStrokeColor(
+<span class='line'>2014</span>                             el.borders[i],
+<span class='line'>2015</span>                             el.borders[i].visProp.highlightstrokecolor,
+<span class='line'>2016</span>                             el.borders[i].visProp.highlightstrokeopacity
+<span class='line'>2017</span>                         );
+<span class='line'>2018</span>                     }
+<span class='line'>2019</span>                     */</span><span class="WHIT">
+<span class='line'>2020</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2021</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_TEXT</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2022</span> </span><span class="WHIT">                        </span><span class="NAME">this.updateTextStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2023</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_IMAGE</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2024</span> </span><span class="WHIT">                        </span><span class="NAME">this.updateImageStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2025</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2026</span> </span><span class="WHIT">                            </span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2027</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightfillcolor</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2028</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightfillopacity</span><span class="WHIT">
+<span class='line'>2029</span> </span><span class="WHIT">                        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2030</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2031</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2032</span> </span><span class="WHIT">                            </span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2033</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightstrokecolor</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2034</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightstrokeopacity</span><span class="WHIT">
+<span class='line'>2035</span> </span><span class="WHIT">                        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2036</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2037</span> </span><span class="WHIT">                            </span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2038</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightfillcolor</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2039</span> </span><span class="WHIT">                            </span><span class="NAME">ev.highlightfillopacity</span><span class="WHIT">
+<span class='line'>2040</span> </span><span class="WHIT">                        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2041</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2042</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2043</span> 
+<span class='line'>2044</span> </span><span class="WHIT">                </span><span class="COMM">// Highlight strokeWidth is suppressed if</span><span class="WHIT">
+<span class='line'>2045</span> </span><span class="WHIT">                </span><span class="COMM">// parameter suppressHighlightStrokeWidth is false or undefined.</span><span class="WHIT">
+<span class='line'>2046</span> </span><span class="WHIT">                </span><span class="COMM">// suppressHighlightStrokeWidth is false if polygon attribute</span><span class="WHIT">
+<span class='line'>2047</span> </span><span class="WHIT">                </span><span class="COMM">// highlightbystrokewidth is true.</span><span class="WHIT">
+<span class='line'>2048</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">ev.highlightstrokewidth</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">suppressHighlightStrokeWidth</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2049</span> </span><span class="WHIT">                    </span><span class="NAME">sw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.max</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2050</span> </span><span class="WHIT">                        </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.highlightstrokewidth</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2051</span> </span><span class="WHIT">                        </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.strokewidth</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'>2052</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2053</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectStrokeWidth</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2054</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2055</span> </span><span class="WHIT">                        </span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_LINE</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT">
+<span class='line'>2056</span> </span><span class="WHIT">                        </span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_CURVE</span><span class="WHIT">
+<span class='line'>2057</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2058</span> </span><span class="WHIT">                        </span><span class="NAME">this.updatePathWithArrowHeads</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2059</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2060</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2061</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2062</span> 
+<span class='line'>2063</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2064</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2065</span> 
+<span class='line'>2066</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2067</span>          * Uses the normal colors of an object, i.e. the opposite of {@link JXG.AbstractRenderer#highlight}.
+<span class='line'>2068</span>          * @param {JXG.GeometryElement} el Reference of the object that will get its normal colors.
+<span class='line'>2069</span>          * @returns {JXG.AbstractRenderer} Reference to the renderer
+<span class='line'>2070</span>          * @see JXG.AbstractRenderer#updateTextStyle
+<span class='line'>2071</span>          */</span><span class="WHIT">
+<span class='line'>2072</span> </span><span class="WHIT">        </span><span class="NAME">noHighlight</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2073</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2074</span> </span><span class="WHIT">                </span><span class="NAME">ev</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.visProp</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2075</span> </span><span class="WHIT">                </span><span class="NAME">sw</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2076</span> 
+<span class='line'>2077</span> </span><span class="WHIT">            </span><span class="NAME">this.setObjectTransition</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2078</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">el.visProp.draft</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2079</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_POLYGON</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2080</span> </span><span class="WHIT">                    </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2081</span> </span><span class="WHIT">                    </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">el.borders.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2082</span> </span><span class="WHIT">                        </span><span class="NAME">this.noHighlight</span><span class="PUNC">(</span><span class="NAME">el.borders</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2083</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2084</span> </span><span class="WHIT">                    </span><span class="COMM">// for (i = 0; i &lt; el.borders.length; i++) {</span><span class="WHIT">
+<span class='line'>2085</span> </span><span class="WHIT">                    </span><span class="COMM">//     this.setObjectStrokeColor(</span><span class="WHIT">
+<span class='line'>2086</span> </span><span class="WHIT">                    </span><span class="COMM">//         el.borders[i],</span><span class="WHIT">
+<span class='line'>2087</span> </span><span class="WHIT">                    </span><span class="COMM">//         el.borders[i].visProp.strokecolor,</span><span class="WHIT">
+<span class='line'>2088</span> </span><span class="WHIT">                    </span><span class="COMM">//         el.borders[i].visProp.strokeopacity</span><span class="WHIT">
+<span class='line'>2089</span> </span><span class="WHIT">                    </span><span class="COMM">//     );</span><span class="WHIT">
+<span class='line'>2090</span> </span><span class="WHIT">                    </span><span class="COMM">// }</span><span class="WHIT">
+<span class='line'>2091</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2092</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_TEXT</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2093</span> </span><span class="WHIT">                        </span><span class="NAME">this.updateTextStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2094</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el.type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_TYPE_IMAGE</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2095</span> </span><span class="WHIT">                        </span><span class="NAME">this.updateImageStyle</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2096</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2097</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2098</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectStrokeColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.strokecolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.strokeopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2099</span> </span><span class="WHIT">                        </span><span class="NAME">this.setObjectFillColor</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillcolor</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ev.fillopacity</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2100</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2101</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2102</span> 
+<span class='line'>2103</span> </span><span class="WHIT">                </span><span class="NAME">sw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Type.evaluate</span><span class="PUNC">(</span><span class="NAME">ev.strokewidth</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2104</span> </span><span class="WHIT">                </span><span class="NAME">this.setObjectStrokeWidth</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2105</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2106</span> </span><span class="WHIT">                    </span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_LINE</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT">
+<span class='line'>2107</span> </span><span class="WHIT">                    </span><span class="NAME">el.elementClass</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">Const.OBJECT_CLASS_CURVE</span><span class="WHIT">
+<span class='line'>2108</span> </span><span class="WHIT">                </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2109</span> </span><span class="WHIT">                    </span><span class="NAME">this.updatePathWithArrowHeads</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2110</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2111</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2112</span> 
+<span class='line'>2113</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2114</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2115</span> 
+<span class='line'>2116</span> </span><span class="WHIT">        </span><span class="COMM">/* **************************
+<span class='line'>2117</span>          * renderer control
+<span class='line'>2118</span>          * **************************/</span><span class="WHIT">
+<span class='line'>2119</span> 
+<span class='line'>2120</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2121</span>          * Stop redraw. This method is called before every update, so a non-vector-graphics based renderer can use this
+<span class='line'>2122</span>          * method to delete the contents of the drawing panel. This is an abstract method every descendant renderer
+<span class='line'>2123</span>          * should implement, if appropriate.
+<span class='line'>2124</span>          * @see JXG.AbstractRenderer#unsuspendRedraw
+<span class='line'>2125</span>          */</span><span class="WHIT">
+<span class='line'>2126</span> </span><span class="WHIT">        </span><span class="NAME">suspendRedraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2127</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>2128</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2129</span> 
+<span class='line'>2130</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2131</span>          * Restart redraw. This method is called after updating all the rendering node attributes.
+<span class='line'>2132</span>          * @see JXG.AbstractRenderer#suspendRedraw
+<span class='line'>2133</span>          */</span><span class="WHIT">
+<span class='line'>2134</span> </span><span class="WHIT">        </span><span class="NAME">unsuspendRedraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2135</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>2136</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2137</span> 
+<span class='line'>2138</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2139</span>          * The tiny zoom bar shown on the bottom of a board (if board attribute "showNavigation" is true).
+<span class='line'>2140</span>          * It is a div element and gets the CSS class "JXG_navigation" and the id {board id}_navigationbar.
+<span class='line'>2141</span>          * &lt;p>
+<span class='line'>2142</span>          * The buttons get the CSS class "JXG_navigation_button" and the id {board_id}_name where name is
+<span class='line'>2143</span>          * one of [top, down, left, right, out, 100, in, fullscreen, screenshot, reload, cleartraces].
+<span class='line'>2144</span>          * &lt;p>
+<span class='line'>2145</span>          * The symbols for zoom, navigation and reload are hard-coded.
+<span class='line'>2146</span>          *
+<span class='line'>2147</span>          * @param {JXG.Board} board Reference to a JSXGraph board.
+<span class='line'>2148</span>          * @param {Object} attr Attributes of the navigation bar
+<span class='line'>2149</span>          * @private
+<span class='line'>2150</span>          */</span><span class="WHIT">
+<span class='line'>2151</span> </span><span class="WHIT">        </span><span class="NAME">drawNavigationBar</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2152</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">doc</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2153</span> </span><span class="WHIT">                </span><span class="NAME">node</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2154</span> </span><span class="WHIT">                </span><span class="NAME">cancelbubble</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2155</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2156</span> </span><span class="WHIT">                        </span><span class="NAME">e</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">window.event</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2157</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2158</span> 
+<span class='line'>2159</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e.stopPropagation</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2160</span> </span><span class="WHIT">                        </span><span class="COMM">// Non IE&lt;=8</span><span class="WHIT">
+<span class='line'>2161</span> </span><span class="WHIT">                        </span><span class="NAME">e.stopPropagation</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2162</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2163</span> </span><span class="WHIT">                        </span><span class="NAME">e.cancelBubble</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2164</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2165</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2166</span> </span><span class="WHIT">                </span><span class="NAME">createButton</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">label</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">handler</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2167</span> </span><span class="WHIT">                    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">button</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2168</span> 
+<span class='line'>2169</span> </span><span class="WHIT">                    </span><span class="NAME">id</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">id</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2170</span> 
+<span class='line'>2171</span> </span><span class="WHIT">                    </span><span class="NAME">button</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.createElement</span><span class="PUNC">(</span><span class="STRN">"span"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2172</span> </span><span class="WHIT">                    </span><span class="NAME">button.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">label</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// button.appendChild(doc.createTextNode(label));</span><span class="WHIT">
+<span class='line'>2173</span> 
+<span class='line'>2174</span> </span><span class="WHIT">                    </span><span class="COMM">// Style settings are superseded by adding the CSS class below</span><span class="WHIT">
+<span class='line'>2175</span> </span><span class="WHIT">                    </span><span class="NAME">button.style.paddingLeft</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"7px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2176</span> </span><span class="WHIT">                    </span><span class="NAME">button.style.paddingRight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"7px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2177</span> 
+<span class='line'>2178</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">button.classList</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2179</span> </span><span class="WHIT">                        </span><span class="COMM">// classList not available in IE 9</span><span class="WHIT">
+<span class='line'>2180</span> </span><span class="WHIT">                        </span><span class="NAME">button.classList.add</span><span class="PUNC">(</span><span class="STRN">"JXG_navigation_button"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2181</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2182</span> </span><span class="WHIT">                    </span><span class="COMM">// button.setAttribute('tabindex', 0);</span><span class="WHIT">
+<span class='line'>2183</span> 
+<span class='line'>2184</span> </span><span class="WHIT">                    </span><span class="NAME">button.setAttribute</span><span class="PUNC">(</span><span class="STRN">"id"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2185</span> </span><span class="WHIT">                    </span><span class="NAME">node.appendChild</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2186</span> 
+<span class='line'>2187</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2188</span> </span><span class="WHIT">                        </span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2189</span> </span><span class="WHIT">                        </span><span class="STRN">"click"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2190</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2191</span> </span><span class="WHIT">                            </span><span class="NAME">Type.bind</span><span class="PUNC">(</span><span class="NAME">handler</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2192</span> </span><span class="WHIT">                            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2193</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2194</span> </span><span class="WHIT">                        </span><span class="NAME">board</span><span class="WHIT">
+<span class='line'>2195</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2196</span> </span><span class="WHIT">                    </span><span class="COMM">// prevent the click from bubbling down to the board</span><span class="WHIT">
+<span class='line'>2197</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"pointerup"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2198</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"pointerdown"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2199</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"pointerleave"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2200</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"mouseup"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2201</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"mousedown"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2202</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"touchend"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2203</span> </span><span class="WHIT">                    </span><span class="NAME">Env.addEvent</span><span class="PUNC">(</span><span class="NAME">button</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"touchstart"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">cancelbubble</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2204</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2205</span> 
+<span class='line'>2206</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Env.isBrowser</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">this.type</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"no"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2207</span> </span><span class="WHIT">                </span><span class="NAME">doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">board.containerObj.ownerDocument</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2208</span> </span><span class="WHIT">                </span><span class="NAME">node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">doc.createElement</span><span class="PUNC">(</span><span class="STRN">"div"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2209</span> 
+<span class='line'>2210</span> </span><span class="WHIT">                </span><span class="NAME">node.setAttribute</span><span class="PUNC">(</span><span class="STRN">"id"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigationbar"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2211</span> 
+<span class='line'>2212</span> </span><span class="WHIT">                </span><span class="COMM">// Style settings are superseded by adding the CSS class below</span><span class="WHIT">
+<span class='line'>2213</span> </span><span class="WHIT">                </span><span class="NAME">node.style.color</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.strokecolor</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2214</span> </span><span class="WHIT">                </span><span class="NAME">node.style.backgroundColor</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.fillcolor</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2215</span> </span><span class="WHIT">                </span><span class="NAME">node.style.padding</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.padding</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2216</span> </span><span class="WHIT">                </span><span class="NAME">node.style.position</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.position</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2217</span> </span><span class="WHIT">                </span><span class="NAME">node.style.fontSize</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.fontsize</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2218</span> </span><span class="WHIT">                </span><span class="NAME">node.style.cursor</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.cursor</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2219</span> </span><span class="WHIT">                </span><span class="NAME">node.style.zIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.zindex</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2220</span> </span><span class="WHIT">                </span><span class="NAME">board.containerObj.appendChild</span><span class="PUNC">(</span><span class="NAME">node</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2221</span> </span><span class="WHIT">                </span><span class="NAME">node.style.right</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.right</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2222</span> </span><span class="WHIT">                </span><span class="NAME">node.style.bottom</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.bottom</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2223</span> 
+<span class='line'>2224</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">node.classList</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2225</span> </span><span class="WHIT">                    </span><span class="COMM">// classList not available in IE 9</span><span class="WHIT">
+<span class='line'>2226</span> </span><span class="WHIT">                    </span><span class="NAME">node.classList.add</span><span class="PUNC">(</span><span class="STRN">"JXG_navigation"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2227</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2228</span> </span><span class="WHIT">                </span><span class="COMM">// For XHTML we need unicode instead of HTML entities</span><span class="WHIT">
+<span class='line'>2229</span> 
+<span class='line'>2230</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showfullscreen</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2231</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2232</span> </span><span class="WHIT">                        </span><span class="NAME">board.attr.fullscreen.symbol</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2233</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2234</span> </span><span class="WHIT">                            </span><span class="NAME">board.toFullscreen</span><span class="PUNC">(</span><span class="NAME">board.attr.fullscreen.id</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2235</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2236</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_fullscreen"</span><span class="WHIT">
+<span class='line'>2237</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2238</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2239</span> 
+<span class='line'>2240</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showscreenshot</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2241</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2242</span> </span><span class="WHIT">                        </span><span class="NAME">board.attr.screenshot.symbol</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2243</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2244</span> </span><span class="WHIT">                            </span><span class="NAME">window.setTimeout</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2245</span> </span><span class="WHIT">                                </span><span class="NAME">board.renderer.screenshot</span><span class="PUNC">(</span><span class="NAME">board</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2246</span> </span><span class="WHIT">                            </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">330</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2247</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2248</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_screenshot"</span><span class="WHIT">
+<span class='line'>2249</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2250</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2251</span> 
+<span class='line'>2252</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showreload</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2253</span> </span><span class="WHIT">                    </span><span class="COMM">// full reload circle: \u27F2</span><span class="WHIT">
+<span class='line'>2254</span> </span><span class="WHIT">                    </span><span class="COMM">// the board.reload() method does not exist during the creation</span><span class="WHIT">
+<span class='line'>2255</span> </span><span class="WHIT">                    </span><span class="COMM">// of this button. That's why this anonymous function wrapper is required.</span><span class="WHIT">
+<span class='line'>2256</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2257</span> </span><span class="WHIT">                        </span><span class="STRN">"\u21BB"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2258</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2259</span> </span><span class="WHIT">                            </span><span class="NAME">board.reload</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2260</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2261</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_reload"</span><span class="WHIT">
+<span class='line'>2262</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2263</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2264</span> 
+<span class='line'>2265</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showcleartraces</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2266</span> </span><span class="WHIT">                    </span><span class="COMM">// clear traces symbol (otimes): \u27F2</span><span class="WHIT">
+<span class='line'>2267</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2268</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2297"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2269</span> </span><span class="WHIT">                        </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2270</span> </span><span class="WHIT">                            </span><span class="NAME">board.clearTraces</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2271</span> </span><span class="WHIT">                        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2272</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_cleartraces"</span><span class="WHIT">
+<span class='line'>2273</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2274</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2275</span> 
+<span class='line'>2276</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.shownavigation</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2277</span> </span><span class="WHIT">                    </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board.attr.showzoom</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2278</span> </span><span class="WHIT">                        </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2279</span> </span><span class="WHIT">                            </span><span class="STRN">"\u2013"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2280</span> </span><span class="WHIT">                            </span><span class="NAME">board.zoomOut</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2281</span> </span><span class="WHIT">                            </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_out"</span><span class="WHIT">
+<span class='line'>2282</span> </span><span class="WHIT">                        </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2283</span> </span><span class="WHIT">                        </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="STRN">"o"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.zoom100</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_100"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2284</span> </span><span class="WHIT">                        </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="STRN">"+"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.zoomIn</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_in"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2285</span> </span><span class="WHIT">                    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2286</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2287</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2190"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2288</span> </span><span class="WHIT">                        </span><span class="NAME">board.clickLeftArrow</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2289</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_left"</span><span class="WHIT">
+<span class='line'>2290</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2291</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2292</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2193"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2293</span> </span><span class="WHIT">                        </span><span class="NAME">board.clickUpArrow</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2294</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_down"</span><span class="WHIT">
+<span class='line'>2295</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// Down arrow</span><span class="WHIT">
+<span class='line'>2296</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2297</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2191"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2298</span> </span><span class="WHIT">                        </span><span class="NAME">board.clickDownArrow</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2299</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_up"</span><span class="WHIT">
+<span class='line'>2300</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// Up arrow</span><span class="WHIT">
+<span class='line'>2301</span> </span><span class="WHIT">                    </span><span class="NAME">createButton</span><span class="PUNC">(</span><span class="WHIT">
+<span class='line'>2302</span> </span><span class="WHIT">                        </span><span class="STRN">"\u2192"</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2303</span> </span><span class="WHIT">                        </span><span class="NAME">board.clickRightArrow</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2304</span> </span><span class="WHIT">                        </span><span class="NAME">board.container</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"_navigation_right"</span><span class="WHIT">
+<span class='line'>2305</span> </span><span class="WHIT">                    </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2306</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2307</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2308</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2309</span> 
+<span class='line'>2310</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2311</span>          * Wrapper for getElementById for maybe other renderers which elements are not directly accessible by DOM
+<span class='line'>2312</span>          * methods like document.getElementById().
+<span class='line'>2313</span>          * @param {String} id Unique identifier for element.
+<span class='line'>2314</span>          * @returns {Object} Reference to a JavaScript object. In case of SVG/VMLRenderer it's a reference to a SVG/VML node.
+<span class='line'>2315</span>          */</span><span class="WHIT">
+<span class='line'>2316</span> </span><span class="WHIT">        </span><span class="NAME">getElementById</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">id</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2317</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">str</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2318</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">this.container</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2319</span> </span><span class="WHIT">                </span><span class="COMM">// Use querySelector over getElementById for compatibility with both 'regular' document</span><span class="WHIT">
+<span class='line'>2320</span> </span><span class="WHIT">                </span><span class="COMM">// and ShadowDOM fragments.</span><span class="WHIT">
+<span class='line'>2321</span> </span><span class="WHIT">                </span><span class="NAME">str</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.container.id</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'_'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2322</span> </span><span class="WHIT">                </span><span class="COMM">// Mask special symbols like '/' and '\' in id</span><span class="WHIT">
+<span class='line'>2323</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">CSS</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">Type.exists</span><span class="PUNC">(</span><span class="NAME">CSS.escape</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2324</span> </span><span class="WHIT">                    </span><span class="NAME">str</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">CSS.escape</span><span class="PUNC">(</span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2325</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2326</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this.container.querySelector</span><span class="PUNC">(</span><span class="STRN">'#'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2327</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2328</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2329</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2330</span> 
+<span class='line'>2331</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2332</span>          * Remove an element and provide a function that inserts it into its original position. This method
+<span class='line'>2333</span>          * is taken from this article {@link https://developers.google.com/speed/articles/javascript-dom}.
+<span class='line'>2334</span>          * @author KeeKim Heng, Google Web Developer
+<span class='line'>2335</span>          * @param {Element} el The element to be temporarily removed
+<span class='line'>2336</span>          * @returns {Function} A function that inserts the element into its original position
+<span class='line'>2337</span>          */</span><span class="WHIT">
+<span class='line'>2338</span> </span><span class="WHIT">        </span><span class="NAME">removeToInsertLater</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2339</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">parentNode</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.parentNode</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2340</span> </span><span class="WHIT">                </span><span class="NAME">nextSibling</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">el.nextSibling</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2341</span> 
+<span class='line'>2342</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">parentNode</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2343</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2344</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2345</span> </span><span class="WHIT">            </span><span class="NAME">parentNode.removeChild</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2346</span> 
+<span class='line'>2347</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2348</span> </span><span class="WHIT">                </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">nextSibling</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2349</span> </span><span class="WHIT">                    </span><span class="NAME">parentNode.insertBefore</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">nextSibling</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2350</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2351</span> </span><span class="WHIT">                    </span><span class="NAME">parentNode.appendChild</span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2352</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2353</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2354</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2355</span> 
+<span class='line'>2356</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2357</span>          * Resizes the rendering element
+<span class='line'>2358</span>          * @param {Number} w New width
+<span class='line'>2359</span>          * @param {Number} h New height
+<span class='line'>2360</span>          */</span><span class="WHIT">
+<span class='line'>2361</span> </span><span class="WHIT">        </span><span class="NAME">resize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>2362</span> </span><span class="WHIT">            </span><span class="COMM">/* stub */</span><span class="WHIT">
+<span class='line'>2363</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2364</span> 
+<span class='line'>2365</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2366</span>          * Create crosshair elements (Fadenkreuz) for presentations.
+<span class='line'>2367</span>          * @param {Number} n Number of crosshairs.
+<span class='line'>2368</span>          */</span><span class="WHIT">
+<span class='line'>2369</span> </span><span class="WHIT">        </span><span class="NAME">createTouchpoints</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">n</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2370</span> 
+<span class='line'>2371</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2372</span>          * Show a specific crosshair.
+<span class='line'>2373</span>          * @param {Number} i Number of the crosshair to show
+<span class='line'>2374</span>          */</span><span class="WHIT">
+<span class='line'>2375</span> </span><span class="WHIT">        </span><span class="NAME">showTouchpoint</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2376</span> 
+<span class='line'>2377</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2378</span>          * Hide a specific crosshair.
+<span class='line'>2379</span>          * @param {Number} i Number of the crosshair to show
+<span class='line'>2380</span>          */</span><span class="WHIT">
+<span class='line'>2381</span> </span><span class="WHIT">        </span><span class="NAME">hideTouchpoint</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2382</span> 
+<span class='line'>2383</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2384</span>          * Move a specific crosshair.
+<span class='line'>2385</span>          * @param {Number} i Number of the crosshair to show
+<span class='line'>2386</span>          * @param {Array} pos New positon in screen coordinates
+<span class='line'>2387</span>          */</span><span class="WHIT">
+<span class='line'>2388</span> </span><span class="WHIT">        </span><span class="NAME">updateTouchpoint</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">pos</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2389</span> 
+<span class='line'>2390</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2391</span>          * Convert SVG construction to base64 encoded SVG data URL.
+<span class='line'>2392</span>          * Only available on SVGRenderer.
+<span class='line'>2393</span>          *
+<span class='line'>2394</span>          * @see JXG.SVGRenderer#dumpToDataURI
+<span class='line'>2395</span>          */</span><span class="WHIT">
+<span class='line'>2396</span> </span><span class="WHIT">        </span><span class="NAME">dumpToDataURI</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">_ignoreTexts</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2397</span> 
+<span class='line'>2398</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2399</span>          * Convert SVG construction to canvas.
+<span class='line'>2400</span>          * Only available on SVGRenderer.
+<span class='line'>2401</span>          *
+<span class='line'>2402</span>          * @see JXG.SVGRenderer#dumpToCanvas
+<span class='line'>2403</span>          */</span><span class="WHIT">
+<span class='line'>2404</span> </span><span class="WHIT">        </span><span class="NAME">dumpToCanvas</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">canvasId</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">_ignoreTexts</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2405</span> 
+<span class='line'>2406</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2407</span>          * Display SVG image in html img-tag which enables
+<span class='line'>2408</span>          * easy download for the user.
+<span class='line'>2409</span>          *
+<span class='line'>2410</span>          * See JXG.SVGRenderer#screenshot
+<span class='line'>2411</span>          */</span><span class="WHIT">
+<span class='line'>2412</span> </span><span class="WHIT">        </span><span class="NAME">screenshot</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">board</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>2413</span> 
+<span class='line'>2414</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'>2415</span>          * Move element into new layer. This is trivial for canvas, but needs more effort in SVG.
+<span class='line'>2416</span>          * Does not work dynamically, i.e. if level is a function.
+<span class='line'>2417</span>          *
+<span class='line'>2418</span>          * @param {JXG.GeometryElement} el Element which is put into different layer
+<span class='line'>2419</span>          * @param {Number} value Layer number
+<span class='line'>2420</span>          * @private
+<span class='line'>2421</span>          */</span><span class="WHIT">
+<span class='line'>2422</span> </span><span class="WHIT">        </span><span class="NAME">setLayer</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">el</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">level</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2423</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>2424</span> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2425</span> 
+<span class='line'>2426</span> </span><span class="NAME">export</span><span class="WHIT"> </span><span class="KEYW">default</span><span class="WHIT"> </span><span class="NAME">JXG.AbstractRenderer</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>2427</span> </span></pre></body></html>