SVG

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

RSS
  • 受付中

    回答
    1

    WEB上でデザインした商品をそのまま購入できるようにしたい

    前提・実現したいこと 自分だけのオリジナルTシャツが作れる 以下のようなサイトを作ろうとしています。 https://tmix.jp/ WEB上で商品のデザインができる デザインした商品はイメージ化してカート(セッション)に保存することができる カート(セッション)に保存した商品はそのまま購入することができる といった主要機能から取り掛

    • 0評価
    • 71PV
    mts10806 mts10806 1日前に コメント
  • 受付中

    回答
    1

    エンジニア向けの資料作成ツール

    設計書やスライド資料などの作成に便利な作図、文書ツールを探しています。 皆様の現場で、使われているツールがあれば、共有をお願い申し上げます。

    • -2評価
    • 67PV
    m6u m6u 3日前に 回答
  • 解決済

    回答
    1

    画像を描写するソフトでテスト駆動開発する方法は?

    概要 SVGをブラウザ上のクリックやドラッグで組み立てるソフトを作りました。それはjavascriptで書かれ、かつテストコードはありません。テスト駆動開発の学習のためTypescriptで作り直そうとしました。しかし、ブラウザ上にSVG要素が生成されているかどうかを知るには、目視での確認が必要だと思いました。つまり自動テストができないと思えるのです。画像

    • 0評価
    • 78PV
    miyabi-sun miyabi-sun 1週間前に コメント
  • 受付中

    回答
    2

    svgファイルの色が戻ってしまう

    javascript初心者です。 svgの色をjavascriptによって変更しました。 しかし、スマホ時の縦横の向きを変更した際、アイコンの色がjsを充てる以前の色に戻ってしまいます。 問題が発生しているサイト https://www.unfondsolaire.com (スマートフォンでの閲覧をお願いいたします。) スクロールすると、下に固定ナビ

    • 0評価
    • 71PV
    yukosnoopy yukosnoopy 1週間前に 回答
  • 解決済

    回答
    1

    SVGファイル内からdatatables.min.jsを呼び出し

    実現したいこと SVGファイル内で<foreignObject>を使用し<table>を記述。 <table>にdatatables(https://www.datatables.net/)を適用させデータグリッドを表示させたいのですが、 以下のエラーが発生しています。 SVG内からdatatables.min.jsを読み込むことはできないのでしょうか?

    • 1評価
    • 61PV
    nanana71 nanana71 3週間前に ベストアンサー
  • 解決済

    回答
    4

    アイコンは font awesome か SVG どちらがオススメですか?

    メニューに使用するアイコンなど、font awesome か SVG どちらがオススメでしょうか 双方とも拡大に強いというメリットを持っていますが、どちらにするか決めかねています また、どちらがデファクトスタンダードでしょうか 追加: 失礼しました アイコンフォント という意味で fontawesome と表記しました アイコンフォントのデファクトスタン

    • 0評価
    • 147PV
    defghi1977 defghi1977 2週間前に ベストアンサー
  • 解決済

    回答
    1

    filter:drop-shadowが効かない

    svgファイルにアニメーションに影の指定をしているんですが、効かないです。 どこが悪いでしょうか? コード<!doctype html> <html lang="jp"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>パクc

    • 1評価
    • 55PV
    yesman yesman 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    Wordpressにてinclude関数を使ってSVGを読み込んでいるが2回目が表示されない

    WordpressにてPHPのinclude関数を使用してSVGを読み込んで、インラインSVGの様に製作をしていますが 同じSVGを2回目にinclude関数から呼び出した場合、表示されなく原因がわかりません。 目的はimgタグの場合fillが利用できないため、includeしてsvg形式(インラインSVGと呼ぶのでしょうか?) コードが煩雑ならないよう

    • 0評価
    • 77PV
    Kama Kama 1ヶ月前に コメント
  • 解決済

    回答
    2

    SVGの崩れの原因を知りたい

    SVG画像が崩れて表示される。 IllustratorからSVGとして書き出したテキストをWEBに組み込んでいるのですが、 環境によってきちんと表示されるものと表示が崩れるものが有ります。 表示できる端末 MacOS 15inchディスプレイ chrome最新 firefox最新 safari最新 表示できない端末 Ma

    • 0評価
    • 196PV
    donguridaten donguridaten 1ヶ月前に ベストアンサー
  • 解決済

    回答
    2

    SVGの描画領域外へのレンダリングはメモリを圧迫しますか....?

    表題の通りなのですが,例えば,以下のように設定した場合 <svg style="width:100;height:100;"> <rect x=50 y=50 width=50 height=50 fill="#e38"></rect> <rect x=100 y=50 width=50 height=50 fill="#e38"></re

    • 0評価
    • 123PV
    defghi1977 defghi1977 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    JavascriptのWebスライド枚数変え方

    SwiperとSVGのviewboxを使って スライド表示してますが 枚数の変更方法が不明です。 SwiperのslidesPerColumnがスライド枚数と 書いてありましたが、このコードでは slidesPerColumnを設定してないようです。 設定してないのに3枚数スライドできるのが不思議です。 どなたか教えてください。 こちらサイトでスライド貼

    • 0評価
    • 336PV
    x_x x_x 2ヶ月前に 回答
  • 解決済

    回答
    2

    Javascriptを埋め込んだSVGファイル内から外部のjavascriptを読み込む方法について

    前提・実現したいこと Javascriptを埋め込んだSVGファイルを作成しています。 SVGを描画するためのJavascriptライブラリがあるということで、調査を行なっているのですが、 これらのライブラリをSVGファイル内から呼び出すにはどのように記述すればよいでしょうか? D3.js Snap.svg Chart.js 等

    • 0評価
    • 294PV
    defghi1977 defghi1977 2ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    link_toしてもsvgによってリンクできない

    railsでリンク機能をつけたいのですが、以下のようにしてもリンクが機能しません。 <ul class="nav navbar-nav navbar-right"> <li>

    • 0評価
    • 92PV
    teratailが2ヶ月前に アップデート
  • 受付中

    回答
    1

    javascript で装飾を加えた描画内容を PNG 出力する方法

    問題点 <canvas> タグ内の画像を PNG 出力する方法は分かるのですが HTML 上で変更された DIV Box を canvas に描かせて その内容を先ほどと同様に PNG 出力すると うまく行きません。 正しい方法をご指導下さい。 参照したコード** (1) 基本骨格に使用 http://www.pori2.net/html5

    • 0評価
    • 103PV
    xmg xmg 2ヶ月前に 質問を編集
  • 解決済

    回答
    1

    svg clip-pathでPC画像を読み込ませない方法

    解決したいこと 現在、SVGのclip-pathで画像を表示しているのですが、PCとスマホでclippathのpointや表示領域が違うため、 CSSで表示の切り替えを行っています。 <svg class="mask_svgPc" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="

    • 0評価
    • 214PV
    mojao_0227 mojao_0227 2ヶ月前に コメント
  • 解決済

    回答
    1

    枠のSVGイメージを上層に置いた時、下層のリンクをクリックできるようにしたい

    SVGイメージで作った大きな枠をposition:fixedで最上層に固定し、 その下にコンテンツを置きます。 しかし当然ながら上の要素が被っているため、コンテンツ内のリンクはクリックできません。 どうにか枠より下層にコンテンツを置きながらも、 リンクをクリックできるようにする方法はありませんでしょうか?

    • 0評価
    • 65PV
    cryson cryson 2ヶ月前に コメント
  • 受付中

    回答
    0

    Edgeでページを表示した場合に画像が表示されない

    Edgeでページを表示した場合に画像が表示されない 初めまして。 よろしくおねがします。 WordPressを利用し、サイトを作成しようとしているのですが、 サーバー側から画像を読み込む際に×印が表示されて画像が表示されません。 開発者ツールでログを見ると "HTTP401: 拒否されました - 要求されたリソースにはユーザー認証が必要です。" と表示

    • 0評価
    • 184PV
    teratailが3ヶ月前に アップデート
  • 解決済

    回答
    2

    SVGをuseで読み込んだ部分にCSSを適用したい

    前提・実現したいこと HTMLに直接埋め込んだインラインSVGスプライトの中のSVGの一部を使用したいのですが、 下記のコードの「#none」の部分を非表示にしようと、 「display:none」をしたのですが消えてくれません。 「#block」の部分だけを「use」で読み込めばいいのかと思いやってみると、 サイズが小さくなってしまいます。 また他の

    • 0評価
    • 115PV
    defghi1977 defghi1977 3ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    SVGをCSSでグラデーションさせたい

    前提・実現したいこと HTMLに埋め込んだ「SVG」を色だけ変えて使いまわしたいのですが、 SVGの色を「CSS」でグラデーションにしようと思ったところ、 SVGに直で指定するやり方は出てきたのですが、 CSSを使った指定方法がいくら検索しても出てこなくて困っております。 SVGのグラデーションはCSSでは指定出来ないのでしょうか? 詳しい方教えていただけ

    • 0評価
    • 265PV
    kihara kihara 3ヶ月前に コメント
  • 解決済

    回答
    1

    Xcodeで扱う画像は、SVGの方がキレイで画面サイズ対応がシンプルなのでしょうか?

    よりキレイな画像を、画面サイズ対応しながら、且つ短期作業で実装するには swiftでSNSアイコンを入れる実装の途中です。 いろいろなデバイスでサイズ対応できるように@2×などをつけてたくさん画像を用意していますが、 実際SVGやpdfの方がきれいに見えるのでしょうか? すでに検討された事がある方、あるいはこれからXcodeでSVGも標準になるらしいから

    • 0評価
    • 345PV
    ShishoCho ShishoCho 4ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    28

  • 総質問数

    62

  • 今週の質問数

    2

関連するタグ

SVGタグのよく見られている質問

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