[svg] タグが付いた質問
0
票
0回答
55 件の閲覧数
SVGの生成方法
お世話になります.ベクター画像系はまったく初心者ですので、質問のおかしな点がありましたらご指摘ください.
以下のようなXMLデータのフラグメントがあります.LibreOfficeのDrawで作った.odgファイルの中のXMLファイルの一部です.
<draw:custom-shape draw:style-name="gr2" draw:text-style-name="P1"
...
1
票
1回答
61 件の閲覧数
jupyter lab上でOctaveで出力画像をsvgではなくpngにする方法はありますか?
jupyter lab上でOctaveでグラフを描画すると自分の環境ではsvg画像が出力されてしまうのですが、これをpngやjpg等が出力されるようにする方法はありますか?
サンプル数が10^6のオーダーなのでベクター画像であるsvgで描画してしまうと非常に重くて困ってます。
使用言語はOctaveで、カーネルもIOctaveです
OSはMacOSです
ライブラリはデフォルトから追加してません
...
0
票
0回答
50 件の閲覧数
javascriptでハイパーリンク付きsvgの図形をドラッグしたい
下記添付画像のボール(svg)をドラッグできるにしたいです。
(Homeかつホームにハイパーリンク付けたい)
ボールのsvgファイル↓
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="...
0
票
0回答
146 件の閲覧数
アニメーションSVGを Edge、IE11でもアニメーションさせたい
以下のように、animateTransformタグを内部に持つSVGは、Chrome、Firefoxではアニメーションが実行されますが、Edge、IE11 ではアニメーションが動作しません。
JavaScript を使用すればアニメーションさせることは出来ると思いますが、animateTransformタグを読み取って Edge、IE11 でもアニメーションさせるようなライブラリはないでしょうか?
...
0
票
1回答
120 件の閲覧数
インラインSVGでレーダーチャートを表示したい
以下のコードをhtmlファイルに入れていますがレーダーチャートが表示されません。原因がわかる方教えていただけませんでしょうか。
コードの出典: ”インラインSVG”を使ってレーダーチャートを作ってみよう! -- キャスレー技術ブログ
<head>
<style>
#svg_container{
width:600px;
height:450px;
...
0
票
1回答
56 件の閲覧数
box-shadowのblur-radiusからSVGのstdDeviationへの変換
box-shadow: 0 0 20px #000;
たとえば、CSSで作った影をと同じものをSVGで作るとき、
<svg width="100px" height="100px">
<filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="...
0
票
2回答
206 件の閲覧数
jsで挿入したhtmlの<polygon>要素が表示されない
htmlにあらかじめ書かれている、要素は表示されるのに、
jsで追加した要素は表示されません。
ブラウザのデベロッパーツール上では同じような表記になっているようなのですが。
[HTML]
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title&...
0
票
3回答
134 件の閲覧数
線分(1次ベジェ曲線)を説明する式で、[]が付与されている理由と縦に並んでいる理由は?
Link先で、下記式が掲載されているのですが、意味が分かりません。
Q
・これは座標ですか?
・どうして[]で囲っているのでしょうか?
・どうして縦に並べているのでしょうか? X,Yのように横に並んでいない理由は?
・これが、バーンスタイン基底関数ですか?
・それとも、二項係数??
-2
票
1回答
391 件の閲覧数
イラストレーターでSVGに書き出したベジェ曲線を、HTML内で使える形式に変換したい
お世話になります。
HTMLの<svg>要素の中の<path>と、イラレで書き出したSVGファイルに含まれる<path>では、ベジェ曲線の書き方が若干違うようで、それを書き換える必要があるようです。
イラストレーターで描き、SVGに書き出したベジェ曲線を、HTML中のSVGで使えるpath要素に簡単に変換できるツールなどありませんか?
または、...
0
票
1回答
162 件の閲覧数
cssのsvgに対する優先順位について
次のリンクからhtml5版プレイヤーに移動した後の、設定ボタンの色を変えようとしています。
http://www.nicovideo.jp/watch/sm8628149
cssで言うとここです
→<button class="ActionButton ControllerButton PlayerOptionButton"~~>
そこで、stylishにて
....
1
票
0回答
317 件の閲覧数
SVGで、大きさが分からない(?)「pathタグの集まり」を、指定要素一杯に表示させるには?
下記SVGタグ(抜粋)があるのですが、これを指定要素(高さ400px、横幅250px)一杯に表示させるためには、どうすれば良いでしょうか?
・viewBoxを指定するためには、pathタグ全体の大きさを知る必要がある?
・それはどこから判断???
<svg viewBox="0 0 ? ?">
<path d="M 500a 10,20 … " transform="...
0
票
1回答
110 件の閲覧数
<!ENTITY ns_flows “http://ns.adobe.com/Flows/1.0/”><!ENTITY ns_extend “http://ns.adobe.com/Extensibility/1.0/”>
HTMLへSVGファイルを読み込んでいるのですが、
・下記だと表示されて、
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/"&...
3
票
2回答
325 件の閲覧数
SVGの、circle中心に伸びるpathのmarker-endの調整方法
半径が点の範疇以上に指定されている円があり、Pathをその縁の中心を目的地にしています。
例えば、次のようなSVGを描きました。
https://jsfiddle.net/zjgnfw88/1/
<svg width="600px" height="400px" xmlns="http://www.w3.org/2000/svg" version="1.1">
&...
1
票
1回答
2,907 件の閲覧数
SVGでフォントを埋め込むことはできますか?
SVGにフォントを埋め込むことはできますか?
SVGにフォントを埋め込んで、そのSVGを<body>のbackground-imageにしたいです
このようなことはできるのでしょうか?
5
票
1回答
996 件の閲覧数
IEにおいて、SVGをHTML内に直接記述した場合、他のブラウザと大きさが異なる
IE11において、以下のようにHTML内に直接記述したSVGのスケーリングが、他のブラウザと異なります。
#svg {
width: 80%;
background-color: #DDD;
}
<svg viewBox="0 0 430 330" id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink=...
1
票
1回答
126 件の閲覧数
forceレイアウトのノードのリンクに飛ぶことができない
<!DOCTYPE html>
<html lang="ja">
<style>
svg{
border:solid 1px;
}
</style>
<head>
<meta charset="utf-8">
<title>D3.js(Force Layout)の練習</...
6
票
2回答
3,913 件の閲覧数
複数の点をベジェ曲線でなめらかに結ぶための制御点座標を算出したい
プログラム経由でベクター画像(SVGファイル)を生成しようとしています。
書き出す図形はやや歪んだ円形で、関数に任意の角度を渡すと中心からの距離が得られます。
現状は角度を1度ずつ変化させて点を直線で結んでいるのですが少しガタガタしてしまうのが気になります。
そこでベジェ曲線でうまく繋いで点の数を減らそうと思っています。...
3
票
1回答
930 件の閲覧数
SVG 要素をJavascriptのmousemoveイベントとsetIntervalとの組み合わせ
Javascriptとsvgの勉強として以下のコードを作成してみました。
1週間程かけてsvgの仕組み,JavascriptのaddEventListener,jQueryのイベント関連関数など色々試してみましたが一番スムーズに動いたソースを張り付けておきます。
以下のリンクで確認できます。
エラーは出ませんがマウスを動かさないと中央部分がランダムに動かない
https://jsfiddle....
3
票
1回答
141 件の閲覧数
SVGでwindowsformアプリケーションのリストボックス等を作るには?
現在作っているWebサイトで大きなsvg画像を表示するページがあります。
(htmlにインラインsvgを埋め込んでいます。)
そのページのsvgタグ内に、windowsformアプリケーションのオブジェクト(例:リストボックス、コンボボックス等)を作成することは可能でしょうか?
svgでオブジェクトを作ることが難しい場合は、svgタグ内にオブジェクトを追加する方法でもかまいません。
...
1
票
1回答
387 件の閲覧数
D3で円グラフをajaxでテキストファイルをよみこんで表示
テキストに$data=$_POST["item"].",".$_POST["tanka"].",".$_POST["zaiko"]."¥n";と保存できるようにしました。
この在庫の円グラフを作る際に2点わかりません。
1.円グラフのパラメーターにテキストファイルの目的のデータをどうおとすか。
2.円グラフの中心がうまく設定できません。
<!DOCTYPE html>
<...
3
票
2回答
917 件の閲覧数
SVGのPATH要素を、JavaScriptでPOST送信すると、受信内容が[object SVGPathElement]となる
やりたいこと
SVGのPATH要素を、JavaScriptでPOST送信
PHPでPOST受信して利用
送信したいPATH要素
<path d=" … 中略 … "></path>
現状
■JavaScript での送信内容
フォーム動的生成
input 要素に、path 要素を格納した target を追加
elem.setAttribute('value', ...
1
票
4回答
7,913 件の閲覧数
IE10, 11でblur効果
IE10、11でもblur効果、またはそれに近い効果を適用することは可能でしょうか?
できれば、png画像は使いたくありません。
css filterやsvg、Javascript等で実装できる方法をご存知の方
ご教授ください。