2013-01-12 6 views
0

jquery로 텍스트의 위치를 ​​변경할 수 있습니까?jquery에서 텍스트의 위치를 ​​바꿀 수 있습니까?

는 그래서 것처럼 font-weight의 변경 수 있어요 - 같은 위치를 변경할 수있는 방법을 찾을 수

$('text').css('font-weight','bold'); 

하지만.

그렇다면 foreignObject의 텍스트에서 작동합니까? 특정 사례를 들어

http://jsfiddle.net/6s2vw/

+0

: 나는 오른쪽 아래에이 예에서 텍스트를 이동하고 싶습니다 - http://jsfiddle.net/6s2vw/ – fixxxer

+6

첫째, 당신이 어떻게 알 수 있습니까 CSS를 사용하여 위치를 지정 하시겠습니까? 그런 다음 JavaScript를 사용하여 프로그래밍 방식으로 생각할 수 있습니다. – Alexander

+0

'css-positioning'에 대해 아는 사람이 없습니다. 이런 뜻입니까? - http://www.tizag.com/cssT/position.php? – fixxxer

답변

1

, 당신은 요소의 속성 X와 Y를 설정해야합니다.

JQuery와 코드 : 바이올린 여기

$("svg").find("rect").attr('x', $(window).width() - 100); 
$("svg").find("text").attr('x', $(window).width() - 100); 

$("svg").find("rect").attr('y', $(window).height() - 100); 
$("svg").find("text").attr('y', $(window).height() - 80); 

점검 : 내가 제대로 이해하면 http://jsfiddle.net/z4wyS/

+0

나는 attr 값'$ ("svg"), find ("rect")을 그룹화하는 것을 선호한다. attr ({x : $ (window) .width() - 100, y : $ (window) .height() - 100});' – Popnoodles

0

, 당신은 노란색 상자의 오른쪽 하단에 텍스트를 배치 할 필요가있다. 이렇게하려면, 당신은 사용할 수 있습니다 : 예를 들어

$(document).ready(function(){ 
    $text = $("text"); 
    $block = $text.prev(); 
    x = $block.attr('width') - $text.width(); 
    y = $block.attr('height') - $text.height(); 
    $("text").attr('x', x); 
    $("text").attr('y', y); 
}); 
관련 문제