我盡力從 JSXGraph 網(wǎng)站復(fù)制此示例: https://jsxgraph.uni-bayreuth.de/wiki/index.php/Using_CSS_styles這是縮寫的 HTML:<!doctype html><html><head> <meta charset="utf-8"> <title>Covid Sandbox</title> <meta name="description" content="Covid Sandbox"></head><body> <script src="third party/jquery-3.5.1.min.js"></script> <script type="text/javascript" charset="UTF-8" src="https://cdn.jsdelivr.net/npm/jsxgraph@1.1.0/distrib/jsxgraphcore.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/jsxgraph@1.1.0/distrib/jsxgraph.css" /> <div id="jsxgbox"> </div></body></html><style> .jsxgDefaultFont { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 18; } .myFont { font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; border: 1px solid black; padding: 5px; border-radius:5px; }</style> <script src="js/test.js"></script>這是我在 test.js 中編寫的一些 Javascript 代碼:JXG.Options.text.cssClass = 'jsxgDefaultFont';board = JXG.JSXGraph.initBoard('jsxgbox', { boundingbox: [-1,15,15,-1], showcopyright: false, axis: true, renderer: 'canvas', defaultAxes: { x: { strokeColor: 'grey', ticks: { visible: 'inherit', } }, y: { strokeColor: 'grey', ticks: { visible: 'inherit', } }, }, zoom: { factorX: 1.25, factorY: 1.25, wheel: true, needshift: false, eps: 0.1 }, showZoom: false, showNavigation: false,}); var txt = board.create('text', [0,0, " <span id='par'>(</span> Hello world <span id='par'>)</span>"], { cssClass:'myFont', strokeColor:'red', highlightCssClass: 'myFontHigh', fontSize:20 });board.update();內(nèi)聯(lián) HTML 甚至似乎沒有被正確解釋(顯示 span\ Hello World \span)。不確定我在這里做錯(cuò)了什么。
JSXGraph 網(wǎng)站上的 JSXGraph CSS 示例是否有效?
翻翻過去那場(chǎng)雪
2023-07-14 17:27:32