Я установил последнюю версию плагина svgjs и panzoom:
$ grep svg package.json
"@svgdotjs/svg.js": "^3.0.13",
"@svgdotjs/svg.panzoom.js": "^2.0.3",
Вот как он импортируется:
import * as SVG from '@svgdotjs/svg.js'
import '@svgdotjs/svg.panzoom.js'
SVG
- это Object { SVG: Getter, Morphable: Getter, registerMorphableType: Getter, makeMorphable: Getter, TransformBag: Getter, ObjectBag: Getter, NonMorphable: Getter, defaults: Getter, utils: Getter, namespaces: Getter, … }
SVG.SVG
это function makeInstance()
Существует файл "my.svg", который добавляется в dom и может быть выбран.
Большая часть кода работает нормально:
const svg = SVG.SVG('#svgId') // Object { events: {}, node: svg#svgId.my-svg, type: "svg", dom: {} }
svg.viewbox(0, 0, 2000, 1000)
svg.on('click', function(ev) {
console.log('svg click', ev)
})
svg.panZoom() // works fine
// select() doesn't work
// https://svgjs.com/docs/3.0/referencing/#using-css-selectors
svg.select('#some-path-id')
Результаты TypeError: svg.select is not a function
(то же самое для SVG.select () или SVG.SVG.select ())
Есть ли что-то, что я делаю неправильно или документацияустарела?