タグ

SVGに関するyohshiyのブックマーク (6)

  • Two.js

    TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu

    Two.js
    yohshiy
    yohshiy 2015/07/17
    二次元描画ライブラリー。SVG, Canvas, WebGL の 3 つに対応してるらしい
  • SVGアニメーションの現状 | POSTD

    SVGScalabe Vector Graphics)の世界は魅力的です。そして、これを使ってできることや、これに用意されているオプションには圧倒されてしまうほどです。 SVGはXMLベースの2次元ベクター画像形式で、インタラクティビティとアニメーションをサポートします。言い換えると、SVGは図形やグラフをレンダリングするXMLタグで、その図形やグラフはHTMLの構成要素がそうであるように、インタラクトしたりアニメーション化したりできるのです。 SVGに関して、私がよく受ける質問の1つは、SVG画像のアニメーション化についてです。そのやり方だけではなく、それが何なのかということも聞かれます。ですから、現在の(そして未来の)SVGアニメーションの状況を見ながら、あなたが苦痛を感じずに行えるようなヒントやツールについてお話ししましょう。 同期マルチメディア統合言語、またの名をSMIL(Syn

    SVGアニメーションの現状 | POSTD
    yohshiy
    yohshiy 2015/07/14
  • いまさら聞けないSVG——Web制作に便利な3つの理由 (1/2)

    スマートフォン向けのWebサイトやWebアプリを中心に、「SVG」がいま再注目されています。単なる画像フォーマットを超えて、最近ではさまざまな表現に広く活用されるようになりました。 連載では、SVGの概要から基的な使い方、Web制作での活用方法までをじっくり解説。CSSによる装飾やJavaScriptとの連携など、すでに使っている人がもっと使いこなすためのテクニックも紹介します。(編集部) Webの表現を広げるSVGの魅力 SVGと聞くと、「単なるベクターの画像でしょ」と思う方も多いでしょう。確かにSVGは「Scalable Vector Graphics」の略なので、ベクター形式の画像フォーマットであることには間違いありません。 一方で、SVGには、PNGやJPEGといった、他の画像フォーマットとは異なる魅力があります。SVGをWebページに使うことで、これまでのHTMLCSSだけ

    いまさら聞けないSVG——Web制作に便利な3つの理由 (1/2)
    yohshiy
    yohshiy 2015/04/06
    確かにいまさらだけど、昔話など興味深い
  • Textures.js

    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

    yohshiy
    yohshiy 2015/03/19
    SVG 用のテクスチャー(パターン)生成ライブラリー
  • Using Vector (SVG) Graphics in C# .NET

    Introduction Scalable vector graphics(SVG), has been widely popular currently in terms of rendering web graphics. When compared with Raster images, Vector images (SVG image types) have the following advantages. As the name implies Vector SVG graphics are scaleable and do not pixelate at higher zoom levels. Vector image scaled Raster image pixelated after resizing Vector graphics are formed using b

    Using Vector (SVG) Graphics in C# .NET
    yohshiy
    yohshiy 2014/02/24
    C# .NET での SVG の使用
  • デジタル・スクラップブック SVG Cats 2

    デジタル・スクラップブック SVG Cats 2 We are sorry that this entire site is in Japanese. We recommend to use translation software. There are also excellent translation services available. 2005年 10月20日 バージョン 2.30公開 デジタル・スクラップブック SVG Cats 2 とは? SVG Cats 2 は、テキスト、手書きメモ、写真、グラフィックス、 Web、PDF など、あらゆる情報やアイデアを、ツリー形式で 効果的に整理できる新しいデジタルスクラップブックです。 動作が軽快なので、会議や講義にパソコンを持っていっても、 メモを取るために人を待たせることがありません。 フリーフォーマットのテキストや、図解作成機能

    yohshiy
    yohshiy 2011/12/20
    簡単な図を描くのにちょうどよさそう
  • 1