タグ SVG画像
人気順 10 users 50 users 100 users 500 users 1000 users「Microsoft Edge」がSVG画像のコピペに対応 ~他のChromium系ブラウザーにも恩恵/ネイティブアプリとのやり取りも簡単に
SVG画像を悪用したHTMLスマグリング攻撃が発見される
Cisco Talos Intelligence Groupは12月13日(米国時間)、「HTML smugglers turn to SVG images」において、スケーラブル・ベクター・グラフィックス(SVG: Scalable Vector Graphics)画像を悪用した比較的新しいHTMLスマグリング手法が攻撃者に使われていると伝えた。HTMLスクリプトタグを含むSVG画像をエンコードしたHTML... 続きを読む
SVG画像のHTMLでの使い方 | バシャログ。
こんにちは。koyaです。 今回は「コロナに負けない!シーブレイン的、withコロナ時代の楽しみ方」でも使用したSVG画像の使い方について説明をします。 svgを使用した理由 今回は牛の肉の部位毎にマウスホバーの判定が欲しかったため、svgを使用しました。 もしpng画像を使用すると、透過された部分にも画像の判定が入っ... 続きを読む
SVG画像を簡単に生成・カスタマイズできる無料ツール!Webサイトやスマホアプリの背景にぴったり -BGJar | コリス
Webサイトやスマホアプリの背景にぴったりなSVG画像を簡単に生成できる無料オンラインツールを紹介します。 ドットで構成された地図、流線型のブロッブ、回路基板、ウェーブ、シャイニーオーバーレイなど、カスタマイズにも対応したツールです。 BGJar BGJarの特徴 BGJarの使い方 BGJarの特徴 BGJarは、SVGの背景画像を... 続きを読む
macOS 10.14 MojaveおよびiOS 12では「OpenType-SVG フォント」がサポートされるもよう。 | AAPL Ch.
macOS 10.14 MojaveおよびiOS 12では「OpenType-SVG フォント」がサポートされるようです。詳細は以下から。 OpeyType-SVGフォント(カラーフォント)はベクター形式のSVG画像 続きを読む
どれがいい? 全部無料でブラウザーだけで使えるSVG編集ツール6選 - WPJ
いまやモバイルアプリのデザインでもWebデザインでも、欠かせなくなったSVG画像。ブラウザー上でサクッと編集できる、SVGエディターを紹介します。#SVGどれがいい? 全部無料でブラウザーだけで使えるSVG編集ツール6選 2017/05/01 Ada Ivanoff Articles in this issue reproduced from SitePoint Copyright © 2017,... 続きを読む
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中! | シェアしたくなる最新のWebサービス・ITニュース情報をチェック! APPGIGA!!(アプギガ)
どうも、まさとらん( @0310lan )です! 最近は、Webサイトの制作などで「SVG形式」の画像を使うことが多くなっていますが、自分で作成してみたいと思ったことはないでしょうか。 そこで今回は、ブラウザから誰でも簡単に「SVG形式」の画像を作成できるように工夫されたオススメのWebエディタをご紹介しようと思います! 【 Vectr 】 「Vectr」は、面倒なログイン登録なども不要で、ブラウ... 続きを読む
幾何学的で美しいSVGパターン画像を生成する『GeoPattern』の紹介 - syonx
2015-12-08 幾何学的で美しいSVGパターン画像を生成する『GeoPattern』の紹介 GitHub Ruby JavaScript GeoPatternとは GeoPatternとは、文字列を与えてSVG画像を生成するライブラリです。 与えた文字列はハッシュに変換され、それをもとに幾何学パターン(全16種)や色相、彩度が決定されます。事前に指定することも可能です。 本家RubyGem版... 続きを読む
透過PNG/GIF画像を大幅に軽量化!SVG画像に変換する無料のオンラインサービス -ZorroSVG | コリス
透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。 デモでは、99KBの透過...記事の続きを読む 続きを読む
ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク! | 男子ハック
無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス! Compressor.io – optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連:1.2MB→... 続きを読む
無料でJPG、PNG、GIF、SVG画像を圧縮して小さくしてくれる「Compressor」 - GIGAZINE
アカウント登録不要・無料で利用でき、手元にある画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるサービスが「Compressor.io」です。 Compressor.io - optimize and compress your images and photos http://compressor.io/ ページを表示させるとまず目に飛び込んでくるのがこのカメレ... 続きを読む
[JS]SVGを始める人にぴったり、ウェブページでSVG画像を安心して利用できるスクリプト -SVGMagic | コリス
ページ上の画像や背景画像として使用したSVG画像をSVG非サポートブラウザで表示した際にPNG画像に自動変換するjQueryのプラグインを紹介します。 SVGMagic SVGMagic -GitHub 上記ページを、SVG非サポートブラウザで表示した時にはこんな感じに。 IE8だとPNG画像で表示されました SVGMagicではSVG非サポートブラウザではPNG画像を生成し自動で置き換えて表示す... 続きを読む
Advent Calendar 3日目:SVG画像を1バイトでも削るためのコードゴルフ - 聴く耳を持たない(片方しか)
このエントリーはGraphical Web Advent Calendar 2013 への参加記事です。今日は12月3日、ということで Advent Calendar の3日目は私id:rikuoが担当します。今回はSVG画像ファイルを1バイトでも削るためのコードゴルフのTipsを紹介していきます。 コードゴルフって?まずコードゴルフとはなにか?の説明から。コードゴルフとは任意のソースコードを出来... 続きを読む
SVGグラフィックを手書き風アニメーションさせられる「Lazy Line Painter」:phpspot開発日誌
Lazy Line Painter SVGグラフィックを手書き風アニメーションさせられる「Lazy Line Painter」 こちらのサイト上にSVG画像をアップロードすればSVGアニメーションするJSコードが得られます。 試しに適当なSVGをアップロードしてみたところ。 色味もその場で変えられるっぽいです。複雑なSVGファイルほど面白い効果が得られそう 関連エントリ 美麗なグラフをSVGで描画... 続きを読む
Webサイトのデザインにぴったり。多数収録したアイコン集「Open Icon Library」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
Open Icon LibraryはPNG/SVG画像のオープンソース・ソフトウェア。Webサービスを作る上でアイコンは欠かせない存在だ。シンプルなテキストのみというサイトもあるが、やはり見た目のインパクトや分かりやすさにおいてアイコンを使った方が良い場面は多い。コマースだが実際にアイコンを使おうと思うと、検索して探してきて配置する作業を繰り返す事になる。その時、選んだサイトがばらばらでは見た目も... 続きを読む