svg 要素を png 形式の画像に変換する - Qiita
はじめに D3.js で作成した svg 要素を png 形式の画像に変換する方法．注意事項として，svg 要素の大きさ (width と height) が絶対値で指定されてないといけない（つまり 100% などでは駄目）．また、テキスト要素にフォントを指定する必要がある． フォントの指定の例 obj.attr("font-family", "sans-serif") .attr("font-size", "14px") .attr("fill", "black") // #svg1: ターゲットの svg 要素 var width = $("#svg1").width() var height = $("#svg1").height() $("body").append("<canvas id='canvas1' class='hidden' width=" + width + " h
D3.jsなどで出力されるsvgを画像として表示する方法 - Qiita
D3.js(http://d3js.org/ )などで出力されるsvg要素を画像として使いたくなったので、d3.jsでsvgとして表示し、javascriptでsvgデータをbase64形式にして保存し、base64形式の画像データを画面上に表示する方法をまとめました。 【手順】 データをD3.jsを使ってグラグフィカルに表示する 出力されたsvg要素を画像に変換して保存する(※今回はbase64にして保存にしました) 画像として保存したデータを表示する という三段階でやり方をまとめてみました。 1.については、たくさん種類があるのでD3.jsのexampleページを参考にしてみてください。 2.出力されたsvg要素を画像に変換して保存する var svg = document.querySelector( "svg" ); var svgData = new XMLSerializer(
Advent Calendar 3日目:SVG画像を1バイトでも削るためのコードゴルフ - 聴く耳を持たない(片方しか)
このエントリーはGraphical Web Advent Calendar 2013 への参加記事です。 今日は12月3日、ということで Advent Calendar の3日目は私id:rikuoが担当します。今回はSVG画像ファイルを1バイトでも削るためのコードゴルフのTipsを紹介していきます。 コードゴルフって？ まずコードゴルフとはなにか？の説明から。 コードゴルフとは任意のソースコードを出来るだけ短く書くことを目的にしたものです。そのコードの動作を損なわなず、かつ可能な限り短縮して記述する手法を試行錯誤していく様子が、ゴルフのように少ない打法で競うところに似ていることからこのように呼ばれています。 またそれを競技としたコンテストも催されていますね。 画像のファイルサイズ低減策 JPEG、GIF、PNGといったビットマップ画像であればファイルサイズを低減する方法やソフトウェア・ツ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG to PNG
鉄道交通路線図 (首都圏)
GitHub - hashcc/railmaps: Railway maps of world's famous cities.
