在你的web页面中使用JSXGraph

最新推荐文章于 2019-06-19 18:13:13 发布
最新推荐文章于 2019-06-19 18:13:13 发布
阅读量2.9k 收藏
点赞数
分类专栏： JSXGraph


在HTML页面中包含JSXGraph

要使用JSxGraph需要两个文件一个js文件为核心库一个css为样式文件下载地址为

当然你也可以在官网上下载http://jsxgraph.uni-bayreuth.de/wp/ 在这里面找到download

本地页面引入可以使用以下代码

<head>
 <link rel="stylesheet" type="text/css" href="jsxgraph.css" />
 <script type="text/javascript" src="jsxgraphcore.js"></script>
</head>


在线页面引入可以使用以下代码

<head>
 <link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
 <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
</head>

创建坐标轴面板示例

<div id="box" class="jxgbox" style="width:500px; height:500px;"></div>
<script type="text/javascript">
 var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-10, 10, 10, -10], axis:true});
</script>
完整代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <link rel="stylesheet" type="text/css" href="css/jsxgraph.css" />
 <script type="text/javascript" src="js/jsxgraphcore.js"></script>
</head>

<div id="box" class="jxgbox" style="width:500px; height:500px;"></div>
<script type="text/javascript">
 var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-10, 10, 10, -10], axis:true ,showCopyright:false});
</script>












                

        

        

    




    

      

        

            

              
                
                  vsked
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
帮助文档JSXGraph

				
			

			

				

					04-01
				

			

		

		

			
				
关于帮助JSXGraph的api和它的源代码 希望能帮助到你 我也是刚学习 哈

			
		

	



                

              
                



	

		

			

				
					
React实现jsxGraph 图形试画框

				
			

			

				

					wangweiscsdn的博客
				

				

					11-03
					
					2965
					
				

			

		

		

			
				
JSXGraph是Web浏览器中的交互式几何，功能绘图，图表和数据可视化的跨浏览器JavaScript库。
用react组件化
如图：


在左边框里输入代码，右边可以实现图形


react父组件如下：

import GraphComponent from './GraphComponent';
import Menubar from './Menubar';
requir

			
		

	



                


  
              

                


	

		

			

				
					
如何在html中引入jsx文件

				
			

			

				

					weixin_30289831的博客
				

				

					02-16
					
					1484
					
				

			

		

		

			
				
不使用webpack工具做react项目
1.引入react相关js文件

<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4...

			
		

	





	

		

			

				
					
前端数据可视化插件大盘点 图表/图谱/地图/关系图全有

				
			

			

				

					hebeind100的博客
				

				

					01-11
					
					4106
					
				

			

		

		

			
				

在大数据时代，很多时候我们需要在网页中显示数据统计报表，从而能很直观地了解数据的走向，开发人员很多时候需要使用图表来表现一些数据。随着Web技术的发展，从传统只能依靠于flash、IE的vml，各个浏览器尚不统一的svg，到如今规范统一的canvas、svg为代表的html5技术，表现点、线、面要素的技术已经越来越规范成熟。我把前端数据可视化分为了五种：
1.图表
2.图谱
3.地图
4...

			
		

	



		

			
		



	

		

			

				
					
在Vue中使用JSX的正确姿势

					
热门推荐

				
			

			

				

					tzllxya的博客
				

				

					06-19
					
					3万+
					
				

			

		

		

			
				
在Vue中使用JSX的正确姿势

ant-design-vue开源了一段时间后，收到了一些反馈，尤其是Form组件上线后，很多用户对JSX的使用感到迷惑和不习惯，为此专门介绍下Vue JSX的使用姿势及注意事项。

Form组件的自动收集校验功能需要在JSX下使用，当然如果不需要自动收集校验，你依然可以使用template



Vue 推荐在绝大多数情况下使用template来创建你的 H...

			
		

	





	

		

			

				
					
在移动Web页面中使用CSS固定页脚

				
			

			

				

					09-25
				

			

		

		

			
				
主要介绍了在移动Web页面中使用CSS固定页脚,作者推荐使用box-sizing的百分比调整方法,需要的朋友可以参考下

			
		

	





	

		

			

				
					
在应用程序中使用Ajax的时机

				
			

			

				

					02-27
				

			

		

		

			
				
火龙果软件工程技术中心 本文内容包括：邂逅Ajax摆脱刷新Web不需要实时小变化，大影响大变化，大灾难释放Web页面的信息将信息留在Web页面上Ajax可以拯救站点Ajax可以毁灭站点寻找Ajax力量的平衡点结束语参考资料...

			
		

	





	

		

			

				
					
使用Web3JS的API在页面中进行转账交易-案例

				
			

			

				

					04-02
				

			

		

		

			
				
使用Web3JS的API在页面中进行转账交易-案例 请在服务端运行，切勿双击直接运行

			
		

	





	

		

			

				
					
注册页面PHP与web页面交互

				
			

			

				

					11-16
				

			

		

		

			
				
将用户、密码、确认密码是否为空，用Javascript完成； 头像图片上传（图片自己设定）； 后端代码，提交成功后直接跳转回登录页面。

			
		

	





	

		

			

				
					
jsxgraph：JSXGraph是一个跨浏览器库，用于在Web浏览器中进行交互式几何，功能绘图，制图和数据可视化

				
			

			

				

					02-05
				

			

		

		

			
				
JSXGraph
 用于在网络浏览器中进行交互式数学可视化JavaScript库。
关于
JSXGraph是一个跨浏览器库，用于在Web浏览器中进行交互式几何图形，函数绘图，制图和数据可视化。 它完全用JavaScript实现，不依赖于任何其他库，并且使用SVG，画布甚至是古老的VML。 JSXGraph易于嵌入并且占用空间小：大约。 如果嵌入在网页中，则为160 KB。 无需插件！ 已采取特殊措施来优化性能。
 JSXGraph支持多点触摸事件，并且可以在所有主要的浏览器上运行，甚至可以在非常老的IE上运行。
 JSXGraph是由德国拜罗伊特大学的迪尔塔克提克分校（Lehrstuhlfür

			
		

	





	

		

			

				
					
前端项目-jsxgraph.zip

				
			

			

				

					09-02
				

			

		

		

			
				
前端项目-jsxgraph,交互式几何、绘图、可视化

			
		

	





	

		

			

				
					
game_of_life:使用JSXGraph对John Conway的《生命游戏》进行的优雅实现。 https

				
			

			

				

					04-29
				

			

		

		

			
				
生活游戏
英文文件|文件
 :party_popper: JSXGraph Conference 2020和 :party_popper:
算法说明
生命游戏是由剑桥大学的数学家约翰·霍顿·康威（John Horton Conway）设计的元胞自动机。 它因在1970年《科学美国人》上发表的文章而闻名。
 生命游戏的规则：生命游戏的宇宙是一个无限的二维正交方格，每个方格都处于活着和死去（或分别填充和未填充）两种可能的状态之一。 。 每个单元都与其八个相邻单元交互，这八个单元是水平，垂直或对角线相邻的单元。 在每个时间步上，都会发生以下转换：
 对于带有活细胞的盒子：
 由于存在隔离，该单元死亡的人数少于两个活着的邻居。
 由于拥挤不堪，该小区死亡的人数超过了三个。
 目前有两个或三个活着的邻居，该细胞可以存活到下一代。
 对于一个空盒子或一个有死细胞的盒子： 现有三个活邻居，盒子会产生一个新的活细胞，就像通过繁殖一样。
需求描述
实现上述主

			
		

	





	

		

			

				
					
JSXGraph v096

				
			

			

				

					08-15
				

			

		

		

			
				
非常好用的用于在WEB端进行绘图的js包！官网实例：http://jsxgraph.uni-bayreuth.de/wiki/index.php/Main_Page

			
		

	





	

		

			

				
					
jsx-html-class:Babel插件允许在JSX中使用“类”而不是“ className”

				
			

			

				

					05-18
				

			

		

		

			
				
jsx-html-class
 插件，允许在JSX中使用“类”而不是“ className”
动机
React.js要求我们使用属性className代替JSX元素中的传统class 。 
 class MyComponent extends React . Component {
  render ( ) {
    return < div xss=removed> Hello world < / div > ;
  }
}
 如果您是人类，那么您至少会忘记一次。 如果您像我，就一直都忘记这一点。 幸运的是，React警告我们...
 警告：未知的DOM属性类。 您是说className吗？
 但是，考虑到我们已经在使用编译了此代码，为什么不将class转换为className而不用再​​考虑呢？
 如果您有幸让设计人员编写JSX，或者您经常将HTML复制并粘

			
		

	





	

		

			

				
					
JSXGraph 0.79 发布，交互式几何图库绘制

				
			

			

				

					weixin_34240657的博客
				

				

					01-21
					
					122
					
				

			

		

		

			
				
为什么80%的码农都做不了架构师？>>> 
                                        
                ...

			
		

	





	

		

			

				
					
springboot(酒店管理系统)

				
			

			

				

					04-25
				

			

		

		

			
				
开发语言：Java
JDK版本：JDK1.8（或11）
服务器：tomcat
数据库：mysql 5.6/5.7（或8.0）
数据库工具：Navicat
开发软件：idea
依赖管理包：Maven

代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～

如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等...

声明：
1.项目已经调试过，完美运行
2.需要远程帮忙部署项目，需要额外付费
3.本项目有演示视频，如果需要观看，请联系我
4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件

重点：
需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！

需要加v19306446185

			
		

	





	

		

			

				
					
BP神经网络matlab实例.doc

					
最新发布

				
			

			

				

					04-25
				

			

		

		

			
				
数学模型算法

			
		

	





	

		

			

				
					
设计.zip

				
			

			

				

					04-25
				

			

		

		

			
				
设计.zip

			
		

	





	

		

			

				
					
基于 Spring Cloud 组件构建的分布式服务架构

				
			

			

				

					04-25
				

			

		

		

			
				
Java SSM项目是一种使用Java语言和SSM框架（Spring + Spring MVC + MyBatis）开发的Web应用程序。SSM是一种常用的Java开发框架组合，它结合了Spring框架、Spring MVC框架和MyBatis框架的优点，能够快速构建可靠、高效的企业级应用。
1. Spring框架：Spring是一个轻量级的Java开发框架，提供了丰富的功能和模块，用于开发企业级应用。它包括IoC（Inverse of Control，控制反转）容器、AOP（Aspect-Oriented Programming，面向切面编程）等特性，可以简化开发过程、提高代码的可维护性和可测试性。
2. Spring MVC框架：Spring MVC是基于Spring框架的Web框架，用于开发Web应用程序。它采用MVC（Model-View-Controller，模型-视图-控制器）的架构模式，将应用程序分为模型层、视图层和控制器层，提供了处理请求、渲染视图和管理流程的功能。
3. MyBatis框架：MyBatis是一个持久层框架，用于与数据库进行交互。它提供了一种将数据库操作与Java对象映射起来的方式，避免了手动编写繁琐的SQL语句，并提供了事务管理和缓存等功能，简化了数据库访问的过程

			
		

	





	

		

			

				
					
web中注入页面中使用Selenium找到

				
			

			

				

					05-10
				

			

		

		

			
				
5. 使用Selenium提供的JavaScript执行方法（例如execute_script）在页面中注入JavaScript代码。  6. 最后，关闭WebDriver实例并保存脚本。  以下是一个使用Python和Selenium WebDriver注入Web页面的示例代码：  ```...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值