Размер SVG не изменяется для импортированного SVG - PullRequest
Новая
       3

Размер SVG не изменяется для импортированного SVG

0 голосов
/ 12 марта 2020

Я недавно импортировал файл SVG после того, как набросал его в иллюстраторе. Однако, как только я импортирую svg в javascript с использованием метода xml, размер svg будет фиксированным, и я не смогу переместить объект в место, куда я хочу переместиться.

Как я могу увеличить размер холста SVG после импорта объекта?

мой код такой, как показано ниже. 

<HTML>

<!DOCTYPE html>
<html>
    <title>Table2</title>
    <body>

    </body>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/d3/5.15.0/d3.js'></script>
  <script src='./object.js'></script>


  </html>

JS

d3.xml('table1.svg').then(function(data){
    d3.select('body').node().append(data.documentElement)
    var drag = d3.drag().on('drag',moving)
    // var xloc=5
    // var yloc=5

  function moving(){
  let xloc = d3.event.x
  let yloc = d3.event.y
  d3.selectAll('.dragable')
     .attr('transform','translate('+(xloc-250)+','+(yloc-250)+')')
  }
    d3.selectAll('g').classed('dragable',true)
   .call(drag)
    d3.selectAll('#Table1')

})

enter image description here

, поскольку размер прыга dry точно такой же, как и у объекта, как только я пытаюсь перетащить объект на правую сторону, объект исчезает.

I Хотелось бы узнать, есть ли способ увеличить размер svg boun dry, не меняя размер объекта, потому что, как только я увеличу размер svg boun dry, размер объекта автоматически увеличивается, поэтому Я не могу добиться того, чего хочу.

...