为了账号安全,请及时绑定邮箱和手机立即绑定

JSXGraph 网站上的 JSXGraph CSS 示例是否有效?

JSXGraph 网站上的 JSXGraph CSS 示例是否有效?

翻翻过去那场雪 2023-07-14 17:27:32
我尽力从 JSXGraph 网站复制此示例: 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();内联 HTML 甚至似乎没有被正确解释(显示 span\ Hello World \span)。不确定我在这里做错了什么。
查看完整描述

目前暂无任何回答

  • 0 回答
  • 0 关注
  • 84 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信