Homepage | GSAP
GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.
SVGをjQueryで操作する際にハマったので、書き留めておく。 | 5 LOG
SVGファイルををobjectタグで読み込んで、jQueryで操作しようとしたら、取得出来なくてハマった。 まずは、SVGデータをIllustratorで用意。 その際に、レイヤーグループに名前を付けておくと、<g id=”レイヤーグループ名”>で囲んでくれるので便利。 SVGファイルをobjectで読み込む。 <object id="svg_map" data="map.svg" type="image/svg+xml"></object> インラインSVGの場合、 var $svg_map = $('#svg_map'); で取得可能だが、 objectで読み込んだ場合は、取得出来ない。 iframeと同じようにしてもダメ。 var $svg_map = $('#svg_map').contents(); // ダメ なので、jQueryは使わずに、 var svg_map = doc
SVG MEMO
あなたのブラウザから、この蝶が見えますか？ Adobe SVG プラグインがインストールされてると蝶が見えます。 SVGは、テキスト (XML形式)で、タグを使用して塗りつぶしや線などが記述出来るドローマークアップで、Jpegやgifファイルから比べると、人間でも理解が可能な記述になる。 UTF-8の文字コードを使えば、日本語も表現できる。 ブラウザ互換性に問題があったり、プラグインが必要だったり躊躇するが、「使えると良いなぁ、」とどこか隅っこのほうで記憶にとどまる手法。 部屋を整理していると、時々見つかる。「あぁっ、これこれ。」と言うヤツのように、何かの拍子で見つけると、そのディレクトリにしばし留まる。 このドキュメントの目的 SVGを既に知っている人のために。 Adobeは、SVGビューア提供やめてしまうという話もありつつ、FireFoxやOperaなどでプラグインがなくても閲覧できる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
