タグ

svgに関するgfxのブックマーク (5)

  • GitHub - muffinresearch/payment-icons: 💳 Payment / Ecommerce related svg icon packs

    You 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

    GitHub - muffinresearch/payment-icons: 💳 Payment / Ecommerce related svg icon packs
    gfx
    gfx 2017/01/17
  • Inline SVG - トラブルとその対策

    The document discusses Assembly Definition (asmdef) files in Unity. It begins by explaining that asmdef files are used to define Assembly configurations in a project. It notes some key points about asmdef files, including that they allow defining assemblies that can be referenced from other parts of a project. It also discusses different ways asmdef files can be structured, such as having one per

    Inline SVG - トラブルとその対策
    gfx
    gfx 2013/10/14
  • SVGをもっと活用するために使いたい·svg.js MOONGIFT

    svg.jsはアニメーションやイベント駆動型のSVGを実現するライブラリです。 SVGはまだ広く利用されているとは言いがたいですが、ビットマップではなくベクターデータなので拡大してもきれいなど特徴が多数あります。今回紹介するsvg.jsはSVGを使ったアニメーションを実現するライブラリになります。 デモです。単純なオブジェクトの生成、移動、中央寄せが簡単に指定できます。 クローンして重ね合わせ。重心の判定、傾けるのも手軽です。 X軸、Y軸のずらし。塗りつぶし。 枠だけを描く、グラデーション(線形、円形)。 クリック、マウスオーバー、画像マスクもできます。 クリックしたオブジェクトだけ色を変更します。 さらにアニメーションも自在に。 プラグインによる拡張もサポート。 svg.jsを使えばアニメーションはもちろんのこと、画像を重ねて表示したり、マウスイベントによって形状や色を変更したりすること

    SVGをもっと活用するために使いたい·svg.js MOONGIFT
  • SVGヤバイ - 最速チュパカブラ研究会

    canvas を苛めていたら気づいたことがあったので書きます。(この記事は2011年5月現在の情報です。あなたがこの記事を読んでいる時点で、より新しくて良い方法が無いか確認して下さい) 基的な話 canvas には、図形を描画する機能だけでなく、描かれている内容を読み取る機能があります。getImageData を使うと、canvas の内容をピクセル単位で読み取って画像処理をかけたりできます。また、toDataURL を使うと canvas の内容を Data URI として出力でき、サーバに送信したりできます。 しかし、この機能にはリスクがあります。例えば、悪意のあるページを開いただけで、社内SNSにしか公開していないあなたの顔写真を canvas 経由で抜き取られるかもしれません。そういう事が起きないように、他のサイトから読み込んだ画像が canvas に描画されている場合(以下、

    SVGヤバイ - 最速チュパカブラ研究会
    gfx
    gfx 2012/06/03
  • SVGをCavnasで利用する方法

    という書き方が許されるのですが、残念ながらFirefoxやChrome、Safariといった他のメジャーなブラウザではこの方法は対応しておりません(そもそも仕様違反です)。というわけで、ちょっとひねった方法を使う必要があります。 <!DOCTYPE html> <html><head><title>SVGをCanvasで利用する</title> <script> var svg = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n' + '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">' + '<g transform="matrix(0.0298614501953125,-0.00541687011718

    gfx
    gfx 2012/06/03
  • 1