Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Scalable Vector Graphics (SVG) is an image format, so text isn’t the first thing you might think of when considering its uses. But one of SVG’s key features is its ability to encode te
As a vector graphics format, SVG uses precisely-defined geometric shapes to build an image. But that doesn't mean that SVG graphics have to look like technical drawings. SVG graphics can be shaded, textured, built from partially-transparent overlapping layers, or even filled with photographic images. SVG Colors, Patterns, and Gradients takes an in-depth look at the different ways SVG text and shap
このダイアリーでは過去に何度かSVGの記事を書いているのですが、それに対する反響で SVGって未だに使ってるところを見たことが無い とか いつになったら使えるようになるのか 永遠に普及しなさそう みたいな意見をよく見かけます。 そうした反応にカチンときた……というほどではないのですが、納得してもらうには実例を挙げて反論するのが分かりやすいだろうな、と考えてSVGの利用状況を調査してみました。 かといって個人サイトの利用例を挙げるだけでは説得力がないでしょうから、著名な企業や団体でのSVG採用事例をリストアップしてみた次第です。 そしてもう一つの動機として、Webサイトの制作現場でSVGの導入を検討する際に、同僚や上司、またクライアントからの同意を得る・説得する手段としても、既に実際に利用している企業や団体を提示できれば話を進めやすいだろうな、……といった狙いもあります。 例えば あの有名な
SVG patterns for Data Visualization Textures are useful for the selective perception of different categories View on Github Getting started -- from the top of d3.js -- var svg = d3.select("#example") .append("svg"); var t = textures.lines() .thicker(); svg.call(t); svg.append("circle") .attr("r", radius) .style("fill", t.url()); Lines
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Book description Learn the essentials of Scalable Vector Graphics, the mark-up language used by most vector drawing programs and interactive web graphics tools. SVG Essentials takes yo
Splash vector graphics on your responsive site Stay organized with collections Save and categorize content based on your preferences. Creating mobile content that dazzles means balancing the amount of data downloaded against maximal visual impact. Vector graphics are a great way to deliver stunning visual results using minimal bandwidth. Many people think of canvas as the only way to draw a mixtur
MIX11で「SVG女子」が紹介されました! 弊社が制作をさせていただいた「SVG女子」が先日ローンチし、MIX11で大きく取り上げられました。 こちらがその様子です。 日本上陸は4/26!「SVG女子」をより楽しむために、まずはSVGについて知っておきましょう。 それでは続きからどうぞ! SVGの気になる疑問に答えます! SVGって何? SVG(Scalable Vector Graphics)は、XMLによって記述されたベクターグラフィック言語のこと、あるいは、SVGで記述された画像フォーマットのこと。W3Cでオープン標準として勧告されている。 Scalable Vector Graphics - Wikipedia 簡単に言うと、ブラウザで表示できるベクター画像のフォーマットです。 SVGって何がすごいの?どういうところが便利なの? ベクターデータなので拡大しても荒れません。 例えば
電子国土ラボ † 当サイトは国土交通省国土地理院と共同研究実施各社が「SVGコンテンツを利用した電子国土の実用的な普及戦略に関する研究」を行うための「ラボ(Lab.)サイト」です。 本研究は、W3Cによってベクトルグラフィックスの標準規格として勧告された「SVG(Scalable Vector Graphics)」形式で記述された電子国土上の地理情報を、パソコンのみでなく広範なメディア上で活用する方法やアイデアを提案して広く社会実験に供することによって、電子国土の実用的な普及モデルを構築することを目的とします。 なお、今後ラボサイトからの提供内容は下記を予定しています SVG 基盤地図試作データの提供 国土地理院によるSVG試作データの提供範囲 実用的なビジネスモデルの検討 試作コンテンツ、ツール等の提供 ↑ Internet Explorer対応SVGビューア「"SVG Map Tool
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く