请生成一个完整独立、无外部依赖的内嵌 JS 可交互 SVG,用于高中数学椭圆定义课堂演示,不要解释。
画布:浅蓝背景,圆角矩形画布。字体 微软雅黑。
数学参数:椭圆半长轴 a=250,半短轴 b=180,焦距 c=sqrt(a²-b²)。焦点 F1,F2=,绳长恒为 2a=500。椭圆用绿色虚线绘制。
元素:F1、F2 为蓝色实心圆点并标注 F₁、F₂;动点 P 为红色可拖拽圆点,视觉半径 10,透明命中半径 24;橙色细线 F₁P、F₂P 随 P 实时更新。
交互:支持鼠标和触屏,拖动时保证 P 严格在椭圆上。
动态显示:实时显示 |PF₁|、|PF₂|、|PF₁|+|PF₂|,保留两位小数,并显示总和恒等于 2a=500。
底部红字提醒:绳长 2a > 两焦点距离 2c,轨迹是椭圆;2a=2c 是线段;2a<2c 无图形。
顶部标题:椭圆绘制实验。底部主定义:绳长 = |PF₁| + |PF₂| = 2a(定值)。可加“重置”按钮。
禁止 P 跑出椭圆外。

