You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
本記事は Angular Advent Calendar 2017 の21日目の記事です。 みなさん、SVG使っていますか~! HTMLと同じように文書構造を表現できるSVGですが、Angularで利用するにあたって、その利便性や注意点にはどのようなモノがあるのでしょうか? Angularとの親和性 svgファイルをイメージタグで読み込んだりして利用する分には特に旨味はなく、「eventListnerでonclickを取得できるベクター画像」くらいの機能性しか持たず、特にAngularとのシナジーを感じるようないいことはないかもしれません。。。 しかし、SVGはHTMLテンプレート上にそのまま記述でき、描写されるという特徴を持っています。 このため、バインディングやディレクティブなど、Angularを象徴する機能のほとんどがHTMLのテンプレートと同じように、遜色なく利用することができます
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ソースコードを埋め込んで表示してくれるサービスは多数ありますが、ブログによっては対応していないこともあります。さらにそもそもコードのシンタックスハイライト表示にも対応しておらず、コード表示が微妙になってしまうこともあります。 そんな時にはsrc2pngを使ってみましょう。画像ではありますが、ソースコードを綺麗に表示してくれます。 src2pngの使い方 使い方は簡単で、src2pngコマンドにソースコードファイルを渡すだけです。 $ src2png SOURCE_FILE そうすると綺麗な画像を生成してくれます。 src2pngはPoiという開発用のHTTPサーバを立てて、そこでソースコードをハイライト表示します。そしてヘッドレスブラウザを使ってスクリーンショットを撮るという仕組み
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く