【追記あり】SVGコードゴルフと,GIZMODO「Google新ロゴ」記事へ反論 - 聴く耳を持たない(片方しか)
＜ここから追記：2015-09-10＞当初投稿した内容が、前提から誤った思い込みで書かれておりました、詳しくは後半の追記を参照してください。 ＜／追記ここまで＞ はじめに先日こうしたツイートが話題になりました。 https://twitter.com/thespite/status/639107572679712772 これは先頃リニューアルが発表されたGoogle社のロゴ Evolving the Google Identity - Library - Google Design がシンプルな構成に見えることから、それを荒く手軽に作るなら（quick and dirty version）290バイトで作れるよ！という内容です。 リンク先の中身を見てみるとこのような490バイトのSVGファイルになっており <svg xmlns="http://www.w3.org/2000/svg" wi
svgpocketguide/svgpocketguide.md at master · jonitrythall/svgpocketguide
Scalable Vector Graphics (SVG) is a language for describing two-dimensional graphics in XML. These graphics can consist of paths, images, and/or text that are able to be scaled and resized without losing image quality. Inline SVG refers to the embedded code written within HTML to generate these graphics in a browser, which will be the focus of this book. There are many advantages to using SVG this
Homepage | GSAP
GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.
私のサイトは"SVG"を返す - cocuh's note
お久しぶりです。こくです。 私のサイトのことについての記事です。 1年前から変えてあるのですが、 だれも気づかないので そろそろ軽く書きます。 typowriter.org index.svgおじさん 私のサイトのスクショあるじゃろ。 ここに /i_love_svgへのリンクがあるじゃろ。 /index.svgに飛ぶのじゃ。 sidebarのアニメーションとかはないですが、ほとんど同じ見た目のページを返します。 これからちょくちょく index.svgのサイト増えていくんじゃないかなと思っていますが、まぁ流行らないでしょう。 (一度SVGで書くとhtml代わりにつかうツラさがわかります。。。座標全部手打ちなので。。。) http accept headerも 私にリアルで会っている方には話してたりしますが、 HTTPのacceptヘッダにimage/svg+xmlを入れて投げるとこっちも
Motion Blur Effect with SVG | Codrops
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter. Today we are going to show you how to make a motion blur effect and apply it to regular JS or CSS animations of HTML elements. Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural. Motion blur is the apparent streakin
vivus.js - svg animation
vivus, bringing your SVGs to life Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. View on GitHub Delayed Every path element is drawn at the same time with a small
カスタム図形定義スクリプト「customShapes.js」
カスタム図形定義スクリプト 「customShapes.js」 〜面倒な図形も簡単に記述できるかも〜 written by DEFGHI1977@xboxlive 更新履歴 2014/08/06 ver0.03 新規作成，公開開始． はじめに 本ページでは拙作「customShapes.js」についての紹介と動作サンプル(兼テストケース)について解説します． customShapes.jsって何? customShapes.jsは一言で言うと「SVGにおける再利用可能な図形要素を定義する仕組み」を提供します． SVGが標準的に提供している図形要素はline, polyline, polygon, rect, circle, ellipse, pathの7要素しかなく，お世辞にも使い勝手が良いとは言えません．一般的なjavascriptライブラリではこれら以外の図形を描画する専用メソッドが用
SVG ファイルを作成する Python ライブラリ — Elliptium
SVG ファイルを作成する Python ライブラリ ちょっと訳あって, SVG ファイルを作成する Python ライブラリを調べています. PyPI から SVG で検索して見付かったライブラリを片っ端から調査していきます. $ pip search SVG pygal - A python svg graph plotting library CairoSVG - A Simple SVG Converter for Cairo svg.charts - Python SVG Charting Library Cnc25D - CAD library for 2.5D parts (including gears) using svgwrite, dxfwrite or FreeCAD as backend gpml2svg - Render GPML pathway markup
SVGのリサイズにおける端
SVGはフレキシブルにリサイズされるけど、実装依存なので細かい部分では想定通りいかないことがある。例えばそのエッジ。キャンバスとちょうど同じ大きさのrect要素をリサイズすると、実装とサイズによっては端がぼやける。SVG側でどうにかできるので、なんとかしてやると良い。 端のぼやけはChrome 34で起こりやすく、Firefox 29ではあまり起こらない。Internet Explorer 11ではpx単位でのリサイズなら起こらないかも。SVGのリサイズは実装側のパフォーマンス重視かアウトプット重視かで大きく変わってくるので、端のぼやけが起こらないようになることは期待できない。 <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" version="1.1
Test Suite Overview - SVG
This page points to the various versions of the test suites for Scalable Vector Graphics (SVG). SVG 2 The test suite for SVG 2 is still under development, and a link to the current version will be provided as soon as it's available. Previous versions of the SVG test suite used a different test framework, and we are now transitioning to the common web-platform-tests framework. All relevant previous
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - willianjusten/awesome-svg: A curated list of SVG.
GitHub - piqnt/svgexport: SVG to PNG/JPEG command-line tool and Node.js module
SVG Viewing & Diffing
Skia
Google Code Archive - Long-term storage for Google Code Project Hosting.
pysvg
http://read.pudn.com/downloads135/ebook/573344/OReilly-SVG-Essential.pdf
PGML Q&A
SVGかCanvasで3Dグラフィックを描画するレンダリングエンジン「seen.js」:phpspot開発日誌
SVG MANIAX - CSS Nite After dark7
