Skip to Content
SVGエッセンシャルズ 第2版
book

SVGエッセンシャルズ 第2版

by J. David Eisenberg, Amelia Bellamy-Royds, 原 隆文
May 2017
Intermediate to advanced
432 pages
5h 26m
Japanese
O'Reilly Japan, Inc.
Content preview from SVGエッセンシャルズ 第2版

付録F楕円弧を別のフォーマットに変換する

F.1 中心と角度によるフォーマットからSVGへの変換

次の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) ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

詳解 システム・パフォーマンス 第2版

詳解 システム・パフォーマンス 第2版

Brendan Gregg, 西脇 靖紘, 長尾 高弘
仕事ではじめる機械学習 第2版

仕事ではじめる機械学習 第2版

有賀 康顕, 中山 心太, 西林 孝

Publisher Resources

ISBN: 9784873117973Other