SVG

SVGは、XMLを基盤とした2Dベクター画像記述言語。画像を線・面といった図形の集合体として扱うベクター画像のため、環境に適した表示が可能です。アニメーション機能もサポートされており、簡単なインタラクティブコンテンツ作成もできます。

RSS

  • 受付中

    回答
    0

    メニューバーをSVGのButtomで表したい。

    <div id="nav_buttom"> <svg width= "1500" height= "65" > <g id="menu_buttom" Class="" weght="100" hight="65"> <line x1="30" y1="31" x2="55" y2="31" stroke="black" str

    • -6評価
    • 61PV
    lars_fox lars_fox 2週間前
  • 受付中

    回答
    0

    SVGアニメーションで滑らかに描画されずコマ送りのようになる。

    SVGアニメーションを滑らかに表示する http://www.tam-tam.co.jp/tipsnote_sample/uenaka/151207/index2.html こちらのsvgアニメーションのように滑らかに処理をしたいです。 コードの内容はほぼそのままでvaluesの値のみイラレから書き出した実装したい形に書き換えたのですがコマ送りのような

    • 0評価
    • 37PV
    CJCJ CJCJ 1ヶ月前
  • 受付中

    回答
    0

    gulpにてsvgスプライトを自動化したい

    前提・実現したいこと gulpにてsvgスプライトを自動化したいのですが エラーが発生しています。 発生している問題・エラーメッセージ SyntaxError: Unexpected token = at exports.runInThisContext (vm.js:53:16) at Module._compile (modu

    • 0評価
    • 60PV
    ruuusaamarki ruuusaamarki 1ヶ月前
  • 受付中

    回答
    1

    SVG画像の内部の塗りつぶす

    前提・実現したいこと このサイトで多数のSVG画像をダウンロードできます。 ダウンロードした画像の内部の塗りつぶしをすべて白にすることで、「塗り絵」をしたいと考えています。 http://publicdomainvectors.org/ 質問 SVG画像の内部の塗りつぶしをすべて白にする簡単な方法はないでしょうか。

    • 0評価
    • 39PV
    araposama araposama 2ヶ月前
  • 受付中

    回答
    0

    SVGアニメーションの処理落ちについて

    現状 snap.svgを使用し、svgの中に読み込んだラスタ画像をマスクしており、 そのラスタ画像を3枚重ねて表示させ、opacityで透過させ、順番に表示という処理を行っています。 発生している問題 Chrome、IEではスムーズに表示されるのですが、 FireFox、Safariでコマ落ちのような現象が起きてしまいます。 develope

    • 0評価
    • 225PV
    mountain mountain 2ヶ月前
  • 解決済

    回答
    1

    Font Awesomeのsvgファイルから1画像だけ抜き出して利用したい

    Font Awesomeを利用して、アイコンを表示しようとしています。 クライアントの都合で、<input type="button">にアイコンを出す必要があり、かつinputのvalueにはシステムのサニタイズのためか、\f061や&#xf061;は使用できないため、inputのbackgroundにsvgを表示する方法を検討しています。 F

    • 0評価
    • 214PV
    solight solight 3ヶ月前
  • 受付中

    回答
    1

    htmlでクリックして展開する折りたたみメニューをつくりたい。

    こんにちは。 htmlでクリックで展開する折りたたみメニューを作りたいです。 さきにsvgで作ったものの中に追加したいのですがうまくいきません。 助けてください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <me

    • 0評価
    • 396PV
    Tan3 Tan3 5ヶ月前
  • 受付中

    回答
    2

    svgでアニメーションをつくったのだが、htmlに挿入の仕方がわからない

    svgアニメーションをhtmlに挿入したい イラレで作ったsvgをLazy Line Painterというサイトでアニメーションに変換しました。ここで作ったファイルをhtmlに挿入したいのですが、どこにいれたらいいのかわかりません。 下のサイトを参考にしました。 SVGとjQueryで絵を描いているようなアニメーションを実装する方法 助けてく

    • 0評価
    • 379PV
    Tan3 Tan3 5ヶ月前
  • 解決済

    回答
    1

    svgのテキストを中央に表示したい。(text-align: center)、(margin:0 a...

    内容を修正致しました。わかりづらく申し訳ございません。 いつもお世話になっております。どうかご教授下さい。 現在SVGでテキストを表示させているのですが、ウィンドウを可変してもx,yの座標を決めている為、当然ながら中央揃えになりません。 <div class="gradient_bg mask"> </div> <svg> <clipPat

    • 0評価
    • 396PV
    LanHma LanHma 5ヶ月前
  • 受付中

    回答
    1

    【技術検証?】無印窓の家 のjavascript考察

    お世話になっております。 今回、疑問質問ではなく、単純に興味本位の質問というか考察なのですが、 無印窓の家サイト(http://www.muji.net/ie/madonoie/)のコンテンツで 間取りをD&Dで操作して概算価格を出すというスクリプトを見て、 どうやっているのかな、と思い投稿しました。 detail.js内で行っているのかな

    • -1評価
    • 115PV
    unchain_shuji unchain_shuji 6ヶ月前
  • 受付中

    回答
    0

    <svg>と<div>を重ねて表示しているのですが、画面表示通り、まとめて画像取得するにはどうすれば...

    指定エリアに、下記タグを重ねて表示しています ・<svg> ・<div> 質問 ・画面表示されている内容を、(何らかのスクリプト経由で)そのまま画像取得する方法はあるでしょうか? ※可能なら範囲指定したいけれども、画面単位でもOK 試してみたけどうまくいかなかったライブラリ ・html2canvas … 片方しか取得できない ・can

    • 0評価
    • 230PV
    re97 re97 7ヶ月前
  • 解決済

    回答
    2

    Javascript, Jqeuryで SVGタグに接近。

    こんにちは!今D3.jsで簡単なグラフを作ってみていますが SVGタグのattributeのValueが必要なのでJavascriptでSVGタグに接近したところ、 NULLがリターナブルされました。 もしかするとSVGタグに接近する時、特別なselectorがあるのですか? ご意見待っています。 HTML <!DOCTY

    • 0評価
    • 388PV
    YJC-geun YJC-geun 7ヶ月前
  • 解決済

    回答
    2

    jqueryのselectorについて

    こんにちは、初心者です。 D3.jsでグラフを作っていますが。 SVGタグのIDAttibuteのvalueを獲得するためにjqeuryのselector利用すると なぜか<head>タグのなかでするとundifinedが変換されています。 でも<body>でするとできます。 その理由は何ですか?そして<head>でしたかったら

    • 0評価
    • 171PV
    YJC-geun YJC-geun 7ヶ月前
  • 受付中

    回答
    2

    URLにパラメーターがつくと、SVG形式のアイコンが表示されない

    現在、SVGコードのみを記述したファイルをjQueryのloadでHTMLに読み込み、 アイコン表示部分からは各SVGのIDを指定して表示しています。 http://localhost/news/ のような形式のURLだと問題なく表示されるのですが、(以下図) http://localhost/news?start=5 のようにUR

    • 0評価
    • 287PV
    suke suke 7ヶ月前

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    9

  • 総質問数

    14

  • 今週の質問数

    0

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る