Gravit Designer
Accessible everywhere The web-based vector graphics app that empowers you to create on any device. Design your creative projects in a user-friendly tool with intuitive, powerful features and save your projects to the cloud to access them anywhere there’s a web browser. Easy to learn and use Kick-start your creations with diverse, curated templates. Enjoy a smooth learning curve without unnecessary
SVG アニメーションツール Shape Shifter の使い方 - Qiita
ダウンロードのプログレスバーやボタンを押した時のフィードバックなど、アニメーションはアプリに欠かせない要素の一つです。今回は Shape Shifter というツールをご紹介したいと思います。 Shape Shifter とは？ alexjlockwood/ShapeShifter にもあるとおり、 SVG 形式のアイコンのアニメーションを作成するためのツールです。 Shape Shifter の画面構成 まずは Shape Shifter の画面構成を見てみましょう。この記事では下図の名称で呼ぼうと思います。 プレビュー画面 アニメーションのプレビューを確認できます。 左からスローモーション、巻き戻し、再生、早送り、繰り返しのボタンが並んでいます。巻き戻しはアニメーションの最初の位置、早送りはアニメーションの最後の位置に移動します。 画像の管理 画像を管理できます。 SVG などで定義さ
svgi, the SVG inspection tool
svgi svgi is a CLI tool to inspect the content of SVG files. It provides you information about the file, the elements in the SVG and the hierarchy. It also count the number of elements and in the future, it will provide tips to improve the SVG Installation CLI svgi is written in javascript (node) and distributed through npm. Both are required to install svgi. To install it, just execute the follow
Goat - アスキーアートをSVGに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました アスキーアートと画像は切り離せない関係にあります。面白い写真が誰かの手によってアスキーアート化されたり、逆にアスキーアートのキャラクターがイラスト化されたりします。それぞれに良さがあります。 今回はアスキーアートをSVGに展開するGoatを紹介します。テキストで作った作品が滑らかな直線、曲線で描かれるのは面白いです。 Goatの使い方 例です。こんな矢印があります。 ^ | < ---+---> | v Goatで変換するとこんな格好良いSVGになります。 こんな複雑な図形も描けます。 .----. .----. / \ / \ .-----+-----+-----. + +----+ +----. | | | | .-----+-----+-----+-----+ \ / \ /
Interactive SVG Coordinate System
The grey coordinates (grey ruler 800 x 600) represent the coordinates of the viewport established on the <svg> element using the width and height attributes. The blue coordinate system is the user coordinate system established on the SVG canvas—where all the drawing will be done—using the viewBox attribute on the <svg> element. The orange vertical line represents the position of the <min-x> value
アスキーアートエディタ Monodraw - WebDelog
Monodraw この記事は できる Mac OS X Advent Calendar 2015 の5日目の記事になります。 4日目は ワトソンさんで、Macのおすすめクリップボード拡張アプリでした。 この記事では Monodraw というアプリケーションを紹介していきます。 目次 Monodraw とは インストール方法 起動画面 レイヤー機能で位置の調整が楽 テキストバナー Attachment Points でダイアグラムを楽々作成 楽々コピペ Export 今日紹介したアプリケーション Monodraw とは Monodraw はアスキーアート用エディタです。キャンバス上に描画ツールを使って、スペースの数などを気にすること無く絵を書くようにアスキーアートを書くことができます。 インストール方法 インストールするには 公式サイトから購入するか、Trial 版をダウンロードします。 購
Useful SVGO[ptimization] Tools
Useful SVGO[ptimization] Tools Published on 26 Jan, 2015 | Takes approximately 5 min to read One of the steps you need to do when working with SVG is optimizing the SVG code after exporting it from the editor and before embedding in on your web page. For that, several standalone optimization tools exits. The two tools I usually mention in my articles and talks are Peter Collingridge's online ed
![Useful SVGO[ptimization] Tools](https://cdn-ak-scissors.b.st-hatena.com/image/square/42a27b2e109dff8bc3f8c4893279f77991badee0/height=288;version=1;width=512/https%3A%2F%2Fsarasoueidan.com%2Fog.png)
20 Free SVG Tools for Better Graphics (Updated)
SVG is gaining popularity in web design these days and you can use tools like Illustrator or Inkscape to create SVG graphics. But when it comes to web design, we should always optimize for lighter results. Here are the 20 tools that you can use to work with SVG quickly and efficiently. We have mostly online tools, that can help in optimization, conversion, making patterns, and more. How to Animate
透過PNGをSVG+JPGに変換するスクリプト
witten by DEFGHI1977@xboxlive 変換前(透過PNG画像) ファイル: サイズ:Byte 変換後(SVG+JPG画像) JPG品質:% サイズ:Byte(%) これは何？ 本スクリプトは，透過PNG画像を同等のSVG画像に変換するものです．元画像をより軽快なJPG画像としつつ，透過部を定義できることことから昨今注目を集めているテクニックです．本スクリプトでは元画像をトリミングしている他，マスク画像を8階調(3bit)のPNG画像としているので，透過部の形状を維持しつつファイルサイズを大幅に縮小することに成功しています． ※似たスクリプトとしてはZorroSVGがありますが，こちらではfilter要素を使っていて見た目上は，似たようなものです．が，マスク画像がJPG形式なので，品質を落とすにつれ境界部のノイズが目立ちやすくなります．この点を改良したものがこのスクリプ
ZorroSVG - Put a Mask on it
The small print ZorroSVG has some minor pitfalls you should be a aware of: It only runs on browsers that support SVG 1.1 - which all the latest browsers do. Right now there are some subtle brightness differences in semi-transparent areas (maybe you can spot them in the example image's soft shadow). They might be gamma or color-profile related and I am still trying to improve on this. Some (older)
PatternBolt
Patternbolt is a fine selection of SVG pattern backgrounds, packed in a single or SCSS (or CSS) file. The pattern is added in the ::after element and your original DOM's element still be inalterate and ready for manipulations. As .svg they weigh much less than .png or .jpg and they are also really easy to manipulate by CSS rules. As they are vectors they never pixelate, not even on a 4k display. T
gnuplot homepage
Gnuplot is a portable command-line driven graphing utility for Linux, OS/2, MS Windows, OSX, VMS, and many other platforms. The source code is copyrighted but freely distributed (i.e., you don't have to pay for it). It was originally created to allow scientists and students to visualize mathematical functions and data interactively, but has grown to support many non-interactive uses such as web sc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - bast/gitink: ASCII to SVG Git log graph visualizer.
TechCrunch | Startup and Technology News
GitHub - Jack000/SVGnest: An open source vector nesting tool
TechCrunch | Startup and Technology News
独特のブラシを備えるドローソフト「Livebrush」、5周年を記念して有償版を無償配布
GitHub - willianjusten/awesome-svg: A curated list of SVG.
Plain Pattern
PDF 2 SVG Converter