dart - Dart SVG转换对象

标签 dart dart-html

我正在尝试用Dart翻译SVG中的椭圆。除了SetAttribute方法之外,我没有找到任何有关此方法的解释

ellipse.setAttribute('transform', 'translate($acx, $acy)');

我发现EllipseElement具有这样的符号:

ellipse.transform.baseVal[...].setTranslate(acx,acy);

..但不起作用。我完全不确定setTranslate的工作方式,我想我必须告诉要翻译的元素,但我不知道如何翻译。
使用setATtribute而不是尝试使用其他方法更好吗?

最佳答案

我成功尝试了



ellipse.setAttribute('transform', 'translate(150, 150)');

如果您使用transform创建setAttribute属性,则以下内容同样适用

ellipse.transform.baseVal.first.setTranslate(20, 100);

或者您可以添加Transform,如该问题的答案所示Dart create and transform an SVG path

Matrix m = new svg.SvgSvgElement().createSvgMatrix();
Matrix m2 = m.translate(50, 50);
Transform tr = ellipse.transform.baseVal.createSvgTransformFromMatrix(m2);
ellipse.transform.baseVal.appendItem(tr);

您可以使用

ellipse.style.setProperty('fill', '#07f');

关于dart - Dart SVG转换对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20873601/

相关文章:

path - 如何从 Dart 聚合物组件中引用图像

flutter - 向 Flutter 应用程序添加启动画面

dart - 如何确定Dart中的输入类型?

html - 在Dart中,如何获取表格单元格的宽度?

dart - 如何在 Dart 中从父窗口获取窗口名称?

localization - Dart Intl 库的翻译问题

flutter - 如何修复 'List<dynamic>'类型不是 'String'类型的子类型

dart - 将数据绑定(bind)到 angular.dart Controller 中?

firebase - pubspec.yaml : Expected a key while parsing a block mapping when adding cloud_firestore

html - Dart Web中的onClick事件