javascript - 在 SVG.js 中,为什么本例中的clear()方法会抛出错误?

标签 javascript svg svg.js

在下面的示例中,为什么 draw.clear() 方法会抛出错误 TypeError: Cannot read property 'parentNode' of undefined at create.clear?我该怎么做才能使清晰的方法正常工作并且不引发任何错误?

import * as SVG from 'svg.js';
import 'svg.filter.js';

// create the svg
let draw = new SVG.Doc('root');
draw.size('100vw', '100vh');

// create a rect with a dropshadow
let rect = draw.rect(100, 50).x(50).y(80).fill('red').stroke({
  color: 'green',
  width: 10
})

draw.clear()

Edit webpack and svg.filter.js example

最佳答案

我 fork 了你的代码并尝试使用draw.remove()而不是draw.clear(),这似乎有效。这似乎是您正在使用的 SVG.js 版本中的一个故障 - 因为我只使用了常规 JS 版本,我不确定您的问题出在哪里 - 但您应该尝试 SVG.js 的 Github 问题网站并在那里发帖,FuzzyMa 很活跃,帮助了很多人。我确实在 Github 网站上发现了一个可能相关的问题,关于 Typescript compiler .

关于javascript - 在 SVG.js 中,为什么本例中的clear()方法会抛出错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48269297/

相关文章:

javascript - 第三级 JQuery 下拉列表不显示

javascript - 在 Bootstrap 4 : "Uncaught Error: Tooltip is transitioning" 上出现错误

javascript - 使用 SVG 和 JS 进行过渡

SVG + Angular2 代码示例不适用于插值

javascript - 旋转嵌套 SVG

javascript - SVG.js 线标记中

javascript - Winston MongoDB : How to pipe logs to many collections, 相反,全部进入一个集合

javascript - 相当于 jQuery eq 方法的原型(prototype)

SVG View 框和 y 轴滚动

javascript - 将 svg 缩放到父容器