調整大小SVG圖像上的按鈕使用jQuery單擊

嗨，我使用jquery。請看到這個調整大小SVG圖像上的按鈕使用jQuery單擊

$('.resize').resizable({ 
 
    ghost: true, 
 
    resize: function(event, ui) { 
 
    \t var width = ui.size.width; 
 
     var height = ui.size.height; 
 
     $('image').attr('width',width); 
 
     $('image').attr('height',height); 
 
    } 
 
      }); 
 
      
 
var position = $('svg').position(); 
 
$('.resize').css('top',position.top); 
 
$('.resize').css('left',position.left);

.resize{ 
 
    height: 120px; 
 
    width: 120px; 
 
    position:absolute; 
 
    z-index:0; 
 
}

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
 
<div class="resize"> 
 
resize helper 
 
</div> 
 
    <div class='resize-plus'></div> 
 
<div class='resize-minus'></div> 
 

 
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="800" height="420" id="svg"> 
 
    <image height="120" width="120" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://designpieces.com/wp-content/uploads/2013/04/chrome.png" ></image> 
 
</svg>

現在我有div的帶班調整大小加，調整見調整大小的SVG圖像的代碼-minus 。如果我們點擊resize-plus，我需要增加svg的大小，如果resize-minus我需要減小svg的大小。這是調整大小功能需要在這兩個div中修改的大小。那麼該怎麼做？以及如何設置條件，如圖像大小增加比調整大小小於和小於。謝謝。

來源

2016-12-19 Martin gm

給你的SVG視框，減少視框的大小，放大和提高它縮小。 –

我添加了+和- divs的功能。

看看下面撥弄：

DEMO

來源

2016-12-19 13:19:22

謝謝你的朋友:)。它正在工作 –

@Martingm聽起來不錯..;） –

調整大小SVG圖像上的按鈕使用jQuery單擊

回答

相關問題