前言很多产品其实都需要几何能力。比如在线教育平台需要在课程里展示几何图形题库系统需要给数学题配图AI Tutor需要在讲题时动态画图教案 / 课件工具需要生成数学图形但问题是几何画板其实是一个非常复杂的软件系统。如果自己开发你很快就会发现要解决一堆问题几何对象管理点、线、圆、角、曲线交点计算、约束计算图形渲染与拖拽交互多画板管理文件格式与分享系统这些能力加起来基本就是一个完整的产品。很多团队最后的选择是要么用静态图片要么接入一个现成的几何系统。最近我们做了一件事情把几何画板做成可以直接嵌入网页的组件。开发者只需要一行代码就能把一个完整的几何画板放进自己的产品里。一个可以嵌入网页的几何画板大角几何开放平台提供了一个嵌入式几何画板 SDK。开发者可以像使用前端组件一样把几何画板嵌入到自己的 Web 应用中。核心思路其实很简单你的网页 ↓ 嵌入几何画板 ↓ 获得完整几何能力这意味着不需要自己开发几何引擎不需要自己实现几何计算不需要自己写复杂的交互逻辑直接嵌入即可使用。在官方能力设计里大角几何希望成为“几何能力基础设施”通过 SDK、API、REPL 等方式让几何能力可以嵌入更多产品和系统。最简单的方式直接嵌入如果你只是想展示一个几何图形最简单的方法就是iframe 嵌入。例如iframesrchttps://dajiaoai.com/e/33TA3484width800height600allowfullscreen/iframe这样就可以把一个几何画板直接嵌入到网页中。适合的场景包括教学页面展示几何图博客文章嵌入数学图形在线教材展示动态图形不需要额外开发工作。开发者方式使用 SDK如果你希望更深度地控制画板比如动态加载图形切换画板导入文件调用几何操作可以使用SDK 接入方式。先安装 SDKnpminstalldajiaoai/algeo-sdk然后在页面中创建画板import{AlgeoSdk}fromdajiaoai/algeo-sdkconstcontainerdocument.getElementById(algeo-container)constsdkawaitAlgeoSdk.create(container,{initialId:33TA3484})这样就创建了一个几何画板实例。之后可以通过 API 操作它例如加载分享内容awaitsdk.loadShareById(33TA3484)获取画板数量const{count}awaitsdk.getSlideCount()切换画板awaitsdk.switchSlide(2)开发者可以把几何画板当成一个可编程组件来使用。一个很有意思的能力REPL除了普通 API大角几何还提供了REPL 接口。简单理解就是用命令直接控制几何系统。例如定义几何对象查询图形状态执行几何操作REPL 的输出是结构化文本格式方便 AI 或 Agent 系统调用。这意味着未来不仅是人类可以操作画板AI 也可以直接调用几何能力。这也是为什么我们把它叫做AI 原生的几何能力接口。适合哪些产品嵌入式几何画板其实适合很多产品。在线教育平台在课程页面中直接嵌入几何图形支持拖拽与动态演示。题库系统为数学题自动生成或加载几何图形。AI Tutor在讲解几何题时动态画图。数学内容平台文章中直接嵌入几何图形。独立开发者工具快速做一个数学工具而不需要自己开发几何引擎。为什么我们做这个开放平台在过去一年里我做几何系统时有一个很深的体会几何能力其实是很多产品的基础能力。但目前市面上的解决方案并不多要么是完整软件例如 GeoGebra要么是简单图形库。缺少一种方式让几何能力像 API 一样被调用。所以大角几何开放平台希望做的事情是让更多产品可以直接使用几何能力而不需要重新发明轮子。 大角几何开放平台 open.dajiaoai.com
一行代码，把几何画板嵌入你的网页
前言很多产品其实都需要几何能力。比如在线教育平台需要在课程里展示几何图形题库系统需要给数学题配图AI Tutor需要在讲题时动态画图教案 / 课件工具需要生成数学图形但问题是几何画板其实是一个非常复杂的软件系统。如果自己开发你很快就会发现要解决一堆问题几何对象管理点、线、圆、角、曲线交点计算、约束计算图形渲染与拖拽交互多画板管理文件格式与分享系统这些能力加起来基本就是一个完整的产品。很多团队最后的选择是要么用静态图片要么接入一个现成的几何系统。最近我们做了一件事情把几何画板做成可以直接嵌入网页的组件。开发者只需要一行代码就能把一个完整的几何画板放进自己的产品里。一个可以嵌入网页的几何画板大角几何开放平台提供了一个嵌入式几何画板 SDK。开发者可以像使用前端组件一样把几何画板嵌入到自己的 Web 应用中。核心思路其实很简单你的网页 ↓ 嵌入几何画板 ↓ 获得完整几何能力这意味着不需要自己开发几何引擎不需要自己实现几何计算不需要自己写复杂的交互逻辑直接嵌入即可使用。在官方能力设计里大角几何希望成为“几何能力基础设施”通过 SDK、API、REPL 等方式让几何能力可以嵌入更多产品和系统。最简单的方式直接嵌入如果你只是想展示一个几何图形最简单的方法就是iframe 嵌入。例如iframesrchttps://dajiaoai.com/e/33TA3484width800height600allowfullscreen/iframe这样就可以把一个几何画板直接嵌入到网页中。适合的场景包括教学页面展示几何图博客文章嵌入数学图形在线教材展示动态图形不需要额外开发工作。开发者方式使用 SDK如果你希望更深度地控制画板比如动态加载图形切换画板导入文件调用几何操作可以使用SDK 接入方式。先安装 SDKnpminstalldajiaoai/algeo-sdk然后在页面中创建画板import{AlgeoSdk}fromdajiaoai/algeo-sdkconstcontainerdocument.getElementById(algeo-container)constsdkawaitAlgeoSdk.create(container,{initialId:33TA3484})这样就创建了一个几何画板实例。之后可以通过 API 操作它例如加载分享内容awaitsdk.loadShareById(33TA3484)获取画板数量const{count}awaitsdk.getSlideCount()切换画板awaitsdk.switchSlide(2)开发者可以把几何画板当成一个可编程组件来使用。一个很有意思的能力REPL除了普通 API大角几何还提供了REPL 接口。简单理解就是用命令直接控制几何系统。例如定义几何对象查询图形状态执行几何操作REPL 的输出是结构化文本格式方便 AI 或 Agent 系统调用。这意味着未来不仅是人类可以操作画板AI 也可以直接调用几何能力。这也是为什么我们把它叫做AI 原生的几何能力接口。适合哪些产品嵌入式几何画板其实适合很多产品。在线教育平台在课程页面中直接嵌入几何图形支持拖拽与动态演示。题库系统为数学题自动生成或加载几何图形。AI Tutor在讲解几何题时动态画图。数学内容平台文章中直接嵌入几何图形。独立开发者工具快速做一个数学工具而不需要自己开发几何引擎。为什么我们做这个开放平台在过去一年里我做几何系统时有一个很深的体会几何能力其实是很多产品的基础能力。但目前市面上的解决方案并不多要么是完整软件例如 GeoGebra要么是简单图形库。缺少一种方式让几何能力像 API 一样被调用。所以大角几何开放平台希望做的事情是让更多产品可以直接使用几何能力而不需要重新发明轮子。 大角几何开放平台 open.dajiaoai.com
