AngularでSVG使おうぜ！ - Qiita
本記事は Angular Advent Calendar 2017 の21日目の記事です。 みなさん、SVG使っていますか～！ HTMLと同じように文書構造を表現できるSVGですが、Angularで利用するにあたって、その利便性や注意点にはどのようなモノがあるのでしょうか？ Angularとの親和性 svgファイルをイメージタグで読み込んだりして利用する分には特に旨味はなく、「eventListnerでonclickを取得できるベクター画像」くらいの機能性しか持たず、特にAngularとのシナジーを感じるようないいことはないかもしれません。。。 しかし、SVGはHTMLテンプレート上にそのまま記述でき、描写されるという特徴を持っています。 このため、バインディングやディレクティブなど、Angularを象徴する機能のほとんどがHTMLのテンプレートと同じように、遜色なく利用することができます
d3.js + jsdomで国土地理院のベクトルタイルからSVGファイルを生成 - Qiita
var d3 = Object.assign({}, require("d3"), require("d3-tile")); var jsdom = require("jsdom").jsdom; var pi = Math.PI; var tau = 2 * pi; var zoom = { view: 13.5, tile: 16 }; var center = [139.737682,35.686930]; var width = 1200; var height = 480; var mag = Math.pow(2, zoom.tile - zoom.view); var projection = d3.geoMercator() .center(center) .scale(256 * Math.pow(2, zoom.view) / tau) .translate([widt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - gregberge/svgr: Transform SVGs into React components 🦁
