タグ

ブックマーク / www.h2.dion.ne.jp/~defghi (2)

  • svgフォント編集スクリプト

    ヒント お手持ちのsvg画像からフォントとかパスを抽出してsvgフォント化することができます. フォント情報が見つからなかった場合,パスを抽出します.一つのパスを文字として解釈します. ファイル読み込み時にパスのリサイズや位置の調整を行うことができます.いろいろ試してみましょう. 文字をクリックすると内容を編集することができます.位置の微調整等を行う際にご利用下さい. 余りに複雑なsvgファイルを読み込んだ場合,スクリプトが応答しなくなる場合があります.(このような図形はそもそもフォントとして不適でしょう.) スクリプトで生成したsvgフォントファイルは全ての環境で正しく動作するとは限りません.webkit系/operaのブラウザで試すか,下のサービスを使って他の形式に変換して使いましょう. ここで生成したsvgフォントファイルはicomoonでeot,ttf,woff形式に変換できます

  • canvas要素の基本的な使い方まとめ

    Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています.えーと,そりゃもうゴリゴリと. 文書はsvg要素の基的な使い方まとめの姉妹版として作成を開始した.canvas要素の仕様は現在進行中で色々と変化しているため,一筋縄で行かないが大方のapiについて書き上がったので公開する.なお,まだ使えない機能等満載だったり,内容に間違いがあっても中々検証することができないので,その部分を了承した上でご利用下さい… 更新履歴 2012/07/18 初版 1・canvas要素の概観 canvas要素とは canvas要素はhtml5で採用されたwebブラウザ上でグラフィックを描画するための機構であり,webページの機能性・視認性が重要視される昨今では,svg要素と並び重要な役割を果たしている.もともとapple社が自社製osの機能向上策として,同

  • 1