基于JSXGraph的圆外公切圆作图

本文由ScriptEcho平台提供技术支持

项目地址：传送门

基于JSXGraph的圆外公切圆作图

应用场景介绍

本代码可用于在线绘制圆外公切圆，在几何教学、图形设计等领域有广泛应用。

代码基本功能介绍

该代码使用JSXGraph库，实现以下功能：

• 创建两个圆和一个圆心连线
• 创建圆外公切圆
• 求出圆外公切圆与原圆的交点
• 绘制圆外公切圆的切线和半径

功能实现步骤及关键代码分析

1. 加载JSXGraph库

const loadJavascript = (jsUrl) => {
   
    ... }
const loadStyle = (styleUrl) => {
   
    ... }

使用loadJavascript和loadStyle函数加载JSXGraph库的JavaScript和CSS文件。

2. 创建JSXGraph画板

var brd = JXG.JSXGraph.initBoard('jxgbox', {
   
    boundingbox: [-6, 6, 6, -6] })

使用initBoard函数创建JSXGraph画板，并设置其边界框。

3. 创建圆、圆心连线和圆外公切圆

o1 = brd.create('point', [-2, 2], {
   
    name: 'O1' })
o2 = brd.create(