Response title
This is preview!
In jQuery SVG why do coordinates not work as expected
in Using jQuery Plugins
•
10 years ago
I load two images in jQuery SVG using the code:
svg.image(0, 0, 330, 540, 'images/img1.jpg', {id: 'img'}); svg.image(0, 0, 330, 540, 'images/iPhone5png.png', {id: 'imgphone'});
After the images are loaded it looks like this:
I rotate the images (of bottles) to 90 degree using code:
I rotate the images (of bottles) to 90 degree using code:
- var svg = $('#svgphone').svg('get');
var cx = eval($('#img', svg.root()).attr('width'))/2;
var cy = eval($('#img', svg.root()).attr('height'))/2;
r = 90;
var rr = r + ", " + cx + ", " + cy;
$('#img', svg.root()).attr('transform', 'rotate(' + rr + ')') ;
Now it looks like this:
Now if I try to more the (bottle) image left (or right) interactively using following code:
Now if I try to more the (bottle) image left (or right) interactively using following code:
- //Move Left
var svg = $('#svgphone').svg('get');
var cx = $('#img', svg.root()).attr('x');
cx = eval(cx) - 10;
$('#img', svg.root()).attr('x', cx);
Why and how to solve this problem?
TIA
Yogi Yang
1