//方法一 ：整体加载 svgdr 资源文档

<!-- 需要创建一个有id标识符的 svg 元素 -->
<svg id="mysvg" width="200" height="200"></svg>

<!-- 在JS中引入并使用 svgdr 插件 -->
<script>
//引入插件
var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/js/svgdr.js';
document.body.appendChild(sc);
// 插件加载后开始工作
sc.onload = () => {
	var dr = _dr('mysvg'); //声明画笔为 dr
	dr.circle(100, 100, 80, 'pink'); //用dr画笔画圆
};
</script>

//方法二 ：导入 svgdr ES6模块
<script type="module">
import draw from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
var dr = draw.dr(msvg);
dr.circle(100, 100, 80, 'pink'); //用dr画笔画圆
</script>
	

//...这里是前面的JS代码
var dr_egg = _dr(egg);
dr_egg.ellipse(100, 100, 90, 60, 'tan');
	

//引入插件在自由环境还可以这样：
<script src="https://638183.freep.cn/638183/web/js/svgdr.js"></script>
<script>
//然后直接声明画笔(假设svg的id="svg3")
var dr = _dr(svg3);
dr.circle(100, 100, 80, 'pink'); //画圆

//关于画笔变量声明
//一个svg声明一个画笔变量，变量名称没有特别要求，合法、不重复就行，画笔变量的赋值格式必须
//为 _dr(svgID) ，其中 svgID 为svg标识，假设svg的 id="mysvg"，以下声明示例都是可以的——
// ① var dr = _dr(mysvg)
// ② var dr = _dr('mysvg');
// ③ var dr = _dr('#mysvg');
// ④ 操作web页中的第一个svg
// var svg = document.querySelector('svg');
// var dr = _dr(svg);
</script>;