May 2017
Intermediate to advanced
432 pages
5h 26m
Japanese
Content preview from SVGエッセンシャルズ 第2版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,
O’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.I 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.I’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.I'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.
3章座標系
SVGの世界は無限のキャンバスです。この章では、そのキャンバスのどの部分にあなたが関心を持っているか、その領域の大きさはどれくらいか、その領域内で点の位置をどのように特定すべきか、などをビューアープログラムに指示する方法について説明します。
3.1 ビューポート
SVG文書で使おうとしているキャンバスの領域のことを、ビューポート（viewport）と呼びます。ビューポートのサイズは、<svg>要素のwidth属性とheight属性を使って設定します。それぞれの属性の値は数値だけでもよく、その場合はピクセル数で表された値と見なされます。これは、「ユーザー座標で指定された」と表現されます。このほかにwidthやheightの値を、次のいずれかの単位識別子が付いた数値として指定することもできます。
em- デフォルトフォントのフォントサイズ（通常は、テキスト行の高さと同じになります）
ex- 小文字のxの高さ
px- ピクセル（CSS2をサポートするグラフィックスでは、1インチにつき96ピクセルです）
pt- ポイント（1インチの1/72）
pc- パイカ（1インチの1/6）
cm- センチメートル
mm- ミリメートル
in- インチ
SVGのビューポート宣言の例を示します。
<svg width="200" height="150"><svg width="200px" height="150px">- どちらも、幅が200ピクセル、高さが150ピクセルの領域を指定します。
<svg width="2cm" height="3cm">- 幅が2センチメートル、高さが3センチメートルの領域を指定します。
<svg width="2cm" height="36pt">- 一般的ではありませんが、このように単位を混ぜることもできます。この要素は、幅が2センチメートル、高さが36ポイントの領域を指定します。 ...
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
O’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.
I 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.
I’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.
I'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.