GitHub - edent/SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logosYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Book Release: SVG Animations | CSS-Tricks
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. Our own Sarah Drasner has published a book! You can grab it from the O’Reilly website or Amazon. If you need a little convincing, I figured I would post the foreword I wrote for the book here, then you can continue reading over on the O’Reilly site. Foreword Have you ever le
Snap.svgの使い方まとめ
Snap.svgの使い方 まとめ How to useすなっぷ.svg タイトル svg要素の基本的な使い方まとめ・別館 written by DEFGHI1977@xboxlive 本記事ではsvg世代のjavascriptライブラリとして有望なSnap.svgの使い方について実際に動作しているサンプルを交えて解説しています（これは動作サンプルであると同時にテストコードと言えるものですね）．なお間違いがあったり，バージョンアップに伴う不整合が発生するかも知れませんので，その点ご容赦下さいね．やっぱり手でゴリゴリ書いてます． なお，Snap.svgを用いたSVG(もしくはjavascriptの)入門記事ではありません．Snap.svgを上手く活用したいのであれば，背後で動いているsvgについてよく知っている必要があります．そのため，ある程度SVGやプログラミングの知識があることを前提に話を
Inkscapeで絵を描いてみる
ラスタライズするときはGimp2を使うと便利です。Inkscape SVG形式のファイルを読み込み時に画像ピクセル数・パスのインポートの有無が指定でき、殆どのラスター形式で書き出すことが出来ます(ただしInkscapeのレイヤーは統合されます)。 Inkscapeのエクスポート→pngは透過属性が保持された32bit-pngで書き出されます。 書き出す範囲(ページ全体/選択範囲のみ/座標指定)や画像ピクセル数をダイアログで変更できますが、オブジェクトを複数選択していると、それらは統合されて出力されます。 Effectメニューからスクリプトで全オブジェクトを1枚ずつ書き出す[Group to PNGs]は、デフォルトの解像度(90dpi = Zoom率100%の表示サイズと同じ大きさ)でオブジェクトごとの範囲で切り出されてしまいますが、スクリプトファイルをテキストエディタで編集する事で用紙サ
Microsoft Corporation
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
ドット絵svg化スクリプトver2
お手持ちの画像（jpg,png,gif等）をsvg形式に変換します．本プログラムで作ったsvg画像は元画像のピクセル情報を維持するように設定されているので，拡大してもドットがぼやける心配がありません． その為，ドット絵に適したスクリプトとなっているのですが，一般の画像においてもサイズがそこそこ（600px平方位）なら減色処理を行うことで割とまともに動作するsvg画像となります． 前回公開したものは，1ピクセル毎に1要素を設定していたため，出来上がったsvg画像が重すぎると言った問題がありましたので，今回は色毎にpath要素に集約して見ました．従って，このバージョンでは色数が少ないほうが上手く行きます． 動作はfirefox，chrome，operaで行なっています．webworkerが動作する環境でお試しください． chromeではsvgの動作が芳しくないため，処理結果そのものに問題は
jQueryとSVGでhoverすると色かわるみたいな〜 - w7工廠
サンプルはこちら→W7工廠分室|トップページ イメージマップ(map area要素)を作るより、イラレで直接SVG出力したほうが簡単かなと思って作りました。 いいえ。半分は嘘ですｗ roomx氏に<map>と<area>で画像内にリンク配置。ソレにhoverで変色効果つけてネ…(；´Д｀) - roomX’s BLOGを作られてしまったので （jQueryなしで動くし、ソースコードも綺麗で解説も丁寧ｗ） 最後に「ん？出来たんだ？じゃあ、次はSVG画像で造ってね…(；´Д｀)」って言われてるので作ってみましたｗ SVG自体中身をあまり見ていなかったのですが・・・こっちのほうが簡単？ 座標操作が要らないし、複雑になると下記のものだとだめなのでしょうが参考までに。 ■仕組み まず 色設定が各図形で宣言されてなく、前に宣言された要素の情報を引き継ぐ形？＝個々に色設定がないの
Apache(tm) Batik SVG Toolkit - a Java-based toolkit for applications or applets that want to use images in the Scalable Vector Graphics (SVG)
Apache Batik¶ Overview License Download Notes Status Demo FAQs Batik Wiki Mailing lists Contributors Bug database Projects using Batik Batik Tools¶ Overview Browser Rasterizer Font converter Pretty printer Using Batik¶ Overview Architecture Javadoc APIs DOM API Parsers Scripting¶ Scripting with ECMAScript Scripting with Java Scripting with Security SVG generator Swing components Transcoder API Ext
Batik SVG Toolkit
BatikはJava(tm)技術に基づく、スケーラブルなベクトル グラフィックス (SVG) フォーマットのイメージを、表示する、生成する、あるいは操作するといった様々な目的で、利用するアプリケーションのためのツールキットです。 このプロジェクトの目標は、開発者に、個別のSVGソリューションをサポートするために利用できるように、提携できるような、あるいは単体としての、一連のコア モジュールを提供することです。モジュールの例としては、SVGパーサであり、SVGジェネレータであり、SVG DOM実装であります。Batikプロジェクトのもうひとつの目標は、これを高度に拡張可能にすることです（たとえば、Batikでは開発者がカスタムSVGタグを操作することを可能にしています）。プロジェクトのゴールが、一連のコア モジュールの提供にあるとしても、その派生物のひとつは、完全に成熟したSVGブラウザの実
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: できるクリエイター Inkscape独習ナビ Windows&Mac対応 できるクリエイターシリーズ: 大西すみこ, 小笠原種高, 羽石相, 山本潤一, できるシリーズ編集部: Digital Ebook Purchas
Tumblr
Tumblr
A JavaScript framework for building fantastic SVG widgets - Svidget.js
HTML5 と SVG で考える、これからの画像アクセシビリティ
WebフォントとSVGフォント
IcoMoon App