javascriptを使用したベジェ曲線の長さ

Keith WoodのjQuery SVGプラグインでパスに沿ってテキストを描画します。どのように私はJSのパスの長さを得ることができますか？javascriptを使用したベジェ曲線の長さ

2011-07-24 Victor Marchuk

SVG仕様の場合、path.getTotalLength()を使用してください。ここで

はjqueryの-SVGライブラリでこれを使用する方法の最小限の例です：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
<title>jQuery SVG Basics</title> 
<style type="text/css"> 
@import "jquery.svg.css"; 

#mydiv { width: 400px; height: 300px; border: 1px solid #484; } 
</style> 
<script type="text/javascript" src="jquery-1.6.2.js"></script> 
<script type="text/javascript" src="jquery.svg.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#mydiv").svg({ 
     onLoad : function(svg){ 
      var path = svg.createPath(); 
      var pathNode = svg.path(path.move(100, 200).curveC([[200, 
       100, 300, 0, 400, 100], [500, 200, 600, 300, 700, 
       200], [800, 100, 900, 100, 900, 100]])); 

      console.log(pathNode.getTotalLength()); 

     } 
    }); 
}); 
</script> 
</head> 
<body> 
<div id="mydiv"></div> 
</body> 
</html>

出典

2011-07-24 19:21:40 jbeard4

あなたは私のそれはキース・ウッドのjQueryのSVGプラグインで動作させる方法の例を与えることができますか？ –

これは答えです。あなたはそれを受け入れるべきです。そうでなければ宿題。 –

javascriptを使用したベジェ曲線の長さ

答えて

関連する問題