SVG は内部に JavaScript を埋め込むことができる。 SVG ファイル内への JavaScript の記述例 以下の SVG をブラウザで開くと埋め込んだ JavaScript が実行される(Safari, Chrome で確認)。 表示されている図形をクリックするとランダムに色が変わる。 <?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" width="400pt" height="400pt"> <sc
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
svgは使いこなせてこそ,そのパワーを実感することが出来るのですが,使い方を間違えれば危険な面も併せ持っています.今回紹介する方法はかつてjavascriptで問題となったセキュリティホールをsvgの機能を使って再現するものです. 実証コード それでは次のリンクを見てみましょう.一見何の変哲もないリンクに見えます.それではこのリンクにカーソルを当ててみてください.おそらく「http://www.google.co.jp」へのリンクであることがステータスバーに表示されるでしょう. それでは実際にこのリンクをクリックしてみてください.意図した通りgoogleが表示されたでしょうか? 意図した通りの結果だった人はそのブラウザではセキュリティ対策がなされています. が,google chromeを使っている方はどうだったでしょう?はからずも「http://www.yahoo.co.jp」が表示さ
この文書ではsvgをhtml埋め込みデータとして扱う際の覚書として作成した.svgの要素と属性は実際の例を踏まえて説明したつもり. 注意事項 仕様はここを参照のこと. 本文書では実際の挙動を調べつつ自分なりの解釈が入っているため,多々間違いが入ってしまうかもしれないが,気にしない. スクリプトを使ってsvg要素の中身(ソース)を出力しているため,一部実際のコードと表示されるコードとの間に差異があるが,予めご了承いただきたい. 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので,複雑な図形は素直にinkscape等専用のツールを使うと良い.ただ,ここで示したことはツールを使う上でも役に立つと思う.特にアニメーションなど. svg:ベクター画像のカンバスの定義,title:タイトル,desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く