在dart:svg中创建路径
我对使用Dart还不熟悉,我一直在尝试移植一些使用svg的javascript代码,创建一个包含一些片段的路径,但我很难理解它的API是如何工作的 下面的代码不会运行,但它可能说明了我想做的事情:在dart:svg中创建路径,svg,dart,Svg,Dart,我对使用Dart还不熟悉,我一直在尝试移植一些使用svg的javascript代码,创建一个包含一些片段的路径,但我很难理解它的API是如何工作的 下面的代码不会运行,但它可能说明了我想做的事情: Element i=query(“#divsvg”); svg.SvgSvgElement s=new svg.SvgSvgElement(); i、 附加(s); svg.PathElement p=new svg.PathElement(); p、 pathSegList.add( p、 crea
Element i=query(“#divsvg”);
svg.SvgSvgElement s=new svg.SvgSvgElement();
i、 附加(s);
svg.PathElement p=new svg.PathElement();
p、 pathSegList.add(
p、 createSvgPathSegArcAbs(200、200、50、50、180、false、false)
);
s、 增加(p);
然而,据我从文件中了解:
- createSvgPathSegArcAbs创建非父路径段
- pathSegList是最终的,所以在构建之后不能添加到它
- PathElement构造函数似乎不接受任何参数
p.pathSegList.append(
p.createSvgPathSegArcAbs(200, 200, 50, 50, 180, false, false)
);
将附加一个路径段,但这不会出现在“innerHTML”属性中,也不会出现在最终的HTML页面中
我开始认为svg支持还没有“完成”,我有点想把它移植到画布和/或WebGL。我能够创建一个path元素,并使用以下方法将路径段添加到其中: 作为参考,这里是一个从原始输入创建整个svg标记的示例,但我找不到动态svg或通过API进行操作的示例。
var div = query('#container');
var svgElement = new svg.SvgSvgElement();
div.append(svgElement);
path = new svg.PathElement();
svgElement.append(path);
segList = path.pathSegList;
segList.appendItem(path.createSvgPathSegMovetoAbs(50, 50));
segList.appendItem(path.createSvgPathSegArcAbs(200, 200, 50, 50, 180, false, false));
segList.appendItem(path.createSvgPathSegClosePath());