May 2017
Intermediate to advanced
432 pages
5h 26m
Japanese
次のJavaScriptコードは、「中心と角度」のフォーマットで指定された楕円弧を、SVGの<path>での使用に適した形式に変換します。
/* 中心点に基づく楕円弧を、SVG用にパラメーター化された 楕円弧に変換します。 パラメーターは次のとおりです: 中心のx座標 中心のy座標 楕円のx半径 楕円のy半径 楕円弧の開始角度(度) 楕円弧の展開角度(度) x軸の回転角度(度) 戻り値は、以下のものを含む配列です: 楕円弧の始点のx座標 楕円弧の始点のy座標 楕円のx半径 楕円のy半径 x軸の回転角度(度) SVGの仕様で定義されているlarge-arc-flag SVGの仕様で定義されているsweep-flag 楕円弧の終点のx座標 楕円弧の終点のy座標 */ function centeredToSVG(cx, cy, rx, ry, theta, delta, phi) { var endTheta, phiRad; var x0, y0, x1, y1, largeArc, sweep; /* 角度をラジアンに変換します。戻り値のためにphiを度数で保存 しておく必要があるので、phiをラジアンとして表す別の変数が 必要になります。 */ theta = theta * Math.PI / 180.0; endTheta = (theta + delta) * Math.PI / 180.0; phiRad = phi * Math.PI / 180.0; /* 始点と終点の座標を計算します。 */ x0 = cx + Math.cos(phiRad) * rx * Math.cos(theta) ...Read now
Unlock full access