タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

svgに関するkrgmのブックマーク (2)

  • ブラウザから SVGO で SVG ファイルを最適化できる 「SVGOMG」

    SVGO は SVG ファイルから不要なデータを取り除いたりして最適化してくれる便利なソフトウェアですが、これをブラウザの画面から使えるようにしたのが、「SVGOMG」 です。 SVGOMG SVGOMG : GitHub 例えば JPEGmini の Web 版とか TinyPNG のような画像最適化ツールがありますが、これの SVG ファイル向けですね。ブラウザから簡単に操作できますし、最適化オプションの適用も画面上で SVG ファイルの変化を確認しながら行えますのでわかりやすいと思います。 SVGO には下記のようなオプションが用意されていますが、 cleanup attributes from newlines, trailing and repeating spaces → 属性値内の重複する空白や改行を削除 remove doctype declaration → DOCTYP

    ブラウザから SVGO で SVG ファイルを最適化できる 「SVGOMG」
    krgm
    krgm 2015/02/04
  • SVGで楽譜を作ろう! - jsdo.it - Share JavaScript, HTML5 and CSS

    SVGで楽譜を作ろう!を作ってみた。 SVGとWeb Audio APIで楽譜の作成と再生。 音楽の知識がないので、 音が外れてたり長さが違うかも?? 音が鳴る時にプチプチしてるのが気になる・・・ ※Chrome Ver.39.0.2171.95 ~メニューバーの説明~ 左から ①音符をドラッグで楽譜上に配置 右クリックで音符の種類が選べます。 ②楽譜のリセットと楽譜読込です。 「キラキラ星」と「さくらさくら」の楽譜を読込むことが出来ます。 ③作成した楽譜を再生 or 停止 ④音量の変更 ⑤テンポの変更 ⑥配置した音符を削除したい場合はゴミ箱へ! $(function () { "use strict"; var // 再生タイマー playLineTimer = "", // オーディオオブジェクト audio, // AudioContext audioContext, // 音量

    SVGで楽譜を作ろう! - jsdo.it - Share JavaScript, HTML5 and CSS
  • 1