生成一张内嵌 JS 可交互的 SVG 教学示意图，用于高中数学椭圆定义课堂演示。
画面背景：浅蓝底色，圆角矩形画布，字体使用微软雅黑，整体干净清爽。
模型场景：两个图钉作为定点焦点 F₁、F₂；一根细绳连接 F₁、F₂，笔尖为动点 P；支持鼠标 / 触屏拖动红点 P。
绘图元素要求：
-
F₁、F₂为蓝色实心圆点，标注文字 F₁、F₂； -
动点 P 为红色可拖拽圆点，鼠标悬浮显示 grab 抓手光标；拖动 P 时，橙色细绳 F₁P、F₂P 实时跟随移动； -
绿色虚线椭圆轨迹，是动点 P 的运动轨迹；拖动 P 会被约束在椭圆上，保证绳长总和恒定； -
底部文字标注：
-
主定义文字：绳长 = |PF₁| + |PF₂|（定值） -
关键条件红字提醒：绳长＞两定点距离，轨迹才是椭圆；若绳长 = 两定点距离是线段，绳长＜两定点距离无图形
-
顶部标题：椭圆绘制实验 -
交互逻辑：
-
支持鼠标拖拽； -
拖动 P 点，两条线段实时更新，直观展示 “到两焦点距离之和不变”； -
禁止 P 点跑出椭圆外，保证数学严谨性； -
输出：完整独立 SVG 代码，JS 内嵌在 SVG 内部，不需要外部文件，可直接嵌入 PPT、网页、工单查看。