Loading...

Search jQuery

Search

jQuery Forum

Screen name:
yogiyang

yogiyang's Profile

9 Posts

10 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jquery.effects.core.js, jquery.effects.blind.js and jquery.datepick.js are conflicting
[0Replies]
- 14-Mar-2013 07:54 AM
- Forum: Using jQuery Plugins
I am using Keith's superbly easy to use Date Picker but if I add the files jquery.effects.core.js and jquery.effects.blind.js to my web page then the data picker stops working.

I am not able to sort out this problem any idea as to what must be conflicting here?

jQuery SVG - Cannot apply multiple Transform attributes one by one
[3Replies]
- 09-Mar-2013 09:11 AM
- Forum: Using jQuery Plugins
I am trying to apply transform attribute to an object like this:
1. ```
var svg = $('#svgphone').svg('get');
var cx = eval($('#img', svg.root()).attr('width'))/2;
var cy = eval($('#img', svg.root()).attr('height'))/2;
r = 45;
var rr = r + ", " + cx + ", " + cy;
$('#img', svg.root()).attr('transform', 'rotate(' + rr + ')');
```
Now if I apply another attribute for scaling like this:
1. var svg = $('#svgphone').svg('get'); myScale = 101; $('#img', svg.root()).attr('transform', 'scale(' + myScale + ')') ;
The previously applied attribute gets reset. Why?

In jQuery SVG why do coordinates not work as expected
[2Replies]
- 09-Mar-2013 09:00 AM
- Forum: Using jQuery Plugins
I load two images in jQuery SVG using the code:
1. ```
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:
1. 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:
1. //Move Left
  var svg = $('#svgphone').svg('get');
  var cx = $('#img', svg.root()).attr('x');
  cx = eval(cx) - 10;
  $('#img', svg.root()).attr('x', cx);
It moves up or down instead of left (moved down) or right (moves up) as shown below:

Why and how to solve this problem?

TIA

Yogi Yang

How to force jQuery SVG to embeded images instead of linking them?
[1Reply]
- 09-Mar-2013 08:46 AM
- Forum: Using jQuery Plugins
I have a need to render SVG to PNG for this I am trying to use canvg javascript. This script works fine but it does not work on linked images.

So how can we force jQuery SVG to embed images instead of linking them?

TIA

Yogi Yang

jQuery SVG - How to save complete SVG as show in browser to a PNG file?
[4Replies]
- 05-Mar-2013 11:51 PM
- Forum: Using jQuery Plugins
In the project that I am implementing I have a need to save SVG to an image file preferred format is PNG and PDF.

How can we export contents of SVG to PNG and/or PDF?

Regards,

Yogi Yang

cannot integrate jQuery Fileuploader Plugin in WordPress
[0Replies]
- 05-Mar-2013 05:31 AM
- Forum: Using jQuery Plugins
Hello,

I am implementing a web site in WordPress and I am using Woo Commerce shopping cart for eCommerce. Here when a user goes to product details page I want to allow the user to upload their own image file which should get saved on server and added to woo commerce cart.

Here I am using jQuery Fileuploader Plugin (http://pixelcone.com/).

I have managed to add Fileuploader Plugin to Product Detail page is does show up on the page and I am able to select a file and click on upload button and the file does get uploaded but after uploading is completed I get the message of File not Found.

I tried everything that I could understand but I am having a tough time and not able to solve this problem.

Can someone please guide me here...

TIA

Yogi Yang

jQuery SVG - How to flip object
[3Replies]
- 01-Mar-2013 08:21 AM
- Forum: Using jQuery Plugins
I am trying to get an object to flip horizontally and/or vertically but do whatever I may I am not able to achieve this.

Can someone please guide me?

TIA

Yogi Yang

jQuery SVG resize an object to size of container
[3Replies]
- 01-Mar-2013 07:57 AM
- Forum: Using jQuery Plugins
I am loading an Image in jQuery SVG.

Here is the code that I am using to add Image object to SVG canvas:
1. var svg = $('#svgphone').svg('get');
2. var img = svg.image(0, 0, 330, 450, 'images/img1.jpg', {id: 'img'});
  svg.title(img, 'img1');
Here I have to give location and size of object that I am loading. But before I give the size I want to resize the object so that it fits within the container while maintaining it its proportions.

Here is the HTML part:
1. <div id="svgphone" style="width:330px; height:540px"></div>
But I cannot get this to work properly.

Please help.

TIA

Yogi Yang

jQuery SVG cannot transform text object
[3Replies]
- 01-Mar-2013 07:19 AM
- Forum: Using jQuery Plugins
I am adding a text object using following code:
1. svg.text(300/2, 540/2, 'Sample Text', {fontFamily: 'Verdana, Arial, Helvetica, sans-serif', fontSize: 42.5, fill: #000000, id: 'txt'});
Now I want to rotate this object so I am using following code:
1. $('#txt', svg.root()).attr('transform', 'rotate(90, 0, 0)) ;
But this does not work.

What to do?

TIA

Yogi Yang

«Prev
Next »