1

我使用代码在 jQuery SVG 中加载两个图像：

svg.image(0, 0, 330, 540, 'images/img1.jpg', {id: 'img'});
svg.image(0, 0, 330, 540, 'images/iPhone5png.png', {id: 'imgphone'});

加载图像后，它看起来像这样：

在此处输入图像描述

我将（瓶子的）图像旋转到 90 度：

在此处输入图像描述

现在，如果我尝试使用以下代码以交互方式向左或向右更多（瓶子）图像：

//Move Left
$('#moveleft').click(function(){
var svg = $('#svgphone').svg('get');
var cx = $('#img', svg.root()).attr('x');
cx = eval(cx) - 10;
$('#img', svg.root()).attr('x', cx);
});
//Move Right
$('#moveright').click(function(){
var svg = $('#svgphone').svg('get');
var cx = $('#img', svg.root()).attr('x');
cx = eval(cx) + 10;
$('#img', svg.root()).attr('x', cx);
});

它向上或向下移动，而不是向左（向下移动）或向右（向上移动），如下所示：

在此处输入图像描述

为什么以及如何解决这个问题？

TIA

杨瑜珈

4

0 回答 0