Our Training Programs

All contents are copyright of their authors.

Could not position the SVG Element.

Could not position the SVG Element.

Ganeshkumar Lingappan

10yAsked Aug 5, 2016, 1:09 AM838

I need to place the SVG element at the custom position For example my svg element should place at the x=100 and y=100 th position.

In the above code snippet my element should be placed inside the div at the button click action.

Please revert me back if anyone have the concerns

Know the answer? Post it — somebody with the same question will find it here.

It is the same account you read, post and publish with — and you will come straight back to this page.

Midhun Tp10y ago
Accepted answer
Hi,
Please use below script -
$(document).ready(function(){
$("#btn").click(function(){
varitem=('')
$("#container").append(item);
});
});
0
Ganeshkumar Lingappan10y ago
Now it is working perfectly. Thank you Midhun
0
Ganeshkumar Lingappan10y ago
While changing the x1, y1 to 0 and x2, y2 to 50 the line element will place the top, left corner to the div element. here the svg tag will not get the desired position.
Note:This one not working in chrome and firefox browsers.
Regards,
Ganeshkumar
0
Midhun Tp10y ago
Hi,
Just change value of x1 and y1 to 0 and x2 and y2 to 50. You will get line at desired position
0
Ganeshkumar Lingappan10y ago
Hi Mithun,
I can't see the line there. the SVG Element appends at the left top corner to the dive element. but the Line element placed at the mentioning position.
I have to place the svg element also into the mentioning position.
Regards,
Ganeshkumar
0
Midhun Tp10y ago
Hi,
Are you seeing the line? If no, please increase height and width of svg tag to 150 from 50.
0