現在上記サイトのようにSVGで描画した絵をサーバー側に送信し、SVG形式で保存する処理を作りたいと思っています。
SVGデータをPNGで保存するような文献はあるのですが、SVG形式で保存する方法が見当たらないため、ご存知の方がいればご教授お願い致します。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
XMLSerializer
を使えば実現できそうですね。
- XMLSerializer | MDN
- 6. The XMLSerializer interface - DOM Parsing and Serialization
- DOM Parsing and Serialization - Can I use
Re: suran さん
投稿2016/02/20 01:06
総合スコア18156
0
ベストアンサー
先に他の簡易な方法が投稿されているため削除しました
以下、編集履歴よりコピペ
SVGは、中身はXML形式なのでそのXMLの中身の文字列を、
サーバ側に送信してサーバ側では、その文字列をXMLファイルとして
必要なタグを補完するなどして、ファイル保存すれば、SVGファイルになると思います。
まったく動作を確認していませんが、以下のような仕組みのような
簡易な状態から試してみると良いのではないでしょうか。
・SVGファイル、htmlファイル内のsvg描画、サーバに送信(post)する
・サーバ側では、postされたときのパラメータを、保存して、XMLタグを補完する。
参考
http://d.hatena.ne.jp/dhrname/20070312/1173709775
http://memopad.bitter.jp/w3c/svg/svg_inhtml.html
http://dresscording.com/blog/svg/retina_svg.html
●SVG
もしくは
docSVGが文字列ならば、その文字列をhiddenにセットしてpostする
投稿2016/02/18 14:31
編集2016/02/27 09:30総合スコア253
0
はい
ctx.toDataURL("image/svg+xml")
投稿2016/02/18 13:50
総合スコア23
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。