をクリックしますこんにちは、私はjqueryのしなさい、今私は、クラスとdiv要素のサイズ変更・プラスを持っているこのサイズ変更SVG画像は
$('.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>
を参照してくださいサイズを変更を使用してリサイズSVG画像のコードを参照してください-minus 。私がresize-plusをクリックすると、私はsvgのサイズを増やす必要があります。もしresize-minusがsvgのサイズを小さくする必要があります。サイズ変更機能はこれらの2つのdivで修正する必要があります。 これを行うにはどうすればいいですか?イメージサイズがgreizeよりも大きく、resizeより小さい場合のように条件を設定する方法。 ありがとうございます。
は、あなたのSVGビューボックス付けでズームインとズームアウトして、それを高めるためにビューボックスのサイズを小さくします。 –