PhantomJSを使って、SVGファイルからPNGを切り出す - Qiita

テクノロジーカテゴリーの変更を依頼記事元:qiita.com/hirobe@github

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

1user がブックマークコメント 0

ゲスト

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

PhantomJSを使って、SVGファイルからPNGを切り出す - Qiita

1 user qiita.com/hirobe@github

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

ゲスト

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

[<a href="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fqiita.com%2Fhirobe%40github%2Fitems%2F2fe0c0708497c372caf8">フレーム</a>]

プレビュー

[フレーム]

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック!

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました!

さんが1番目にブックマークした記事「PhantomJSを使って...」が注目されています。

気持ちをシェアしよう

ツイートする

PhantomJSを使って、SVGファイルからPNGを切り出す - Qiita

iPhoneアプリ開発のように、小さい画像ファイルを沢山使う場合、元データを1ファイルにまとめて管理し... iPhoneアプリ開発のように、小さい画像ファイルを沢山使う場合、元データを1ファイルにまとめて管理したくなります。なので、MacOSXでSVGファイルからPNGファイルを切り出す方法を調べてみました。 MacOSXでは、PhantomJSを使うのが簡単そうです。 "PhantomJS is a headless WebKit with JavaScript API"とのことで、PhantomeJSを使うと、URLを指定してブラウザに表示したイメージをPNGファイルに出力したりするJavaScriptスクリプトがかけます。(他にもいろいろ)。 HomeBrewを使ってインストールできます。今回使用したバージョンはPhantomJS 1.8.0です。 // // clipsvg // for phantomjs // // tested on phantomjs 1.8.0 and MacO