ブラウザで絵を描こう-SVG
＜＜ |ホーム |リンク集 |ヘルプ |＞＞ ブラウザで絵を描こう-SVG+JavaScript はじめに 画像のSVGは、FLASHやJAVAやPNGやJPEGと違って、自分自身を編集することができます。AJAXというものもありますが、このページでは、実験的に、SVGという言語を使って、SVGを描くことのできるDrawツールをつくりました。 とりあえず、Drawツールの名前を「JET」と名付けておきます。 更新した機能 自由曲線を描いたり、編集できます。 ここで言う自由曲線とは、3次ベジェ曲線のことです。 JETでできること 図形の作成と編集（拡大縮小、反転など） 色の編集 SVGの出力、編集 透明度の調整 四角、角丸四角、円、だ円、折れ線、多角形、自由曲線を描くことができる 六角形（Adobe SVG Viewerでは、SVGを表示、つまりView SVGにして、キーボードの上や下ボタ
ブラウザ上でお絵かき
線の色: 線の太さ: 背景色: 背景色の変更はやり直しできません。 すべて削除すると元に戻す / やり直すことができなくなります。 VML バックエンドでは描画中に線が揺れることがあります。 VML バックエンドでは線が少し太めになります。 Opera 8 (SVG Tiny バックエンド) では JavaScript コンソールに大量の警告が出ます。 CSS Positioning バックエンドでは点が円ではなく正方形になります。 CSS Positioning バックエンドの作成にあたっては、線分描画のアルゴリズム (Fussy's HOMEPAGE) を参考にさせていただきました。 DrawingCanvas.js DrawingCanvas.js (0.02) と DynamicCanvas.js から構成されます。 DrawingCanvas は基本的な描画を担当します。 Dyn
作って理解するAjax (1)：IT Pro
最近，Webエンジニアのまわりで注目されている技術に「Ajax」(エイジャックス)があります。従来のWebアプリケーションはインタラクティブな処理の際，ユーザーにページのリロード作業を強いることが多く，決して操作性が良いとは言えませんでした。しかしAjaxを利用すると，サーバーと非同期な通信ができるので，ページをリロードすることなくコンテンツを更新できます。このためデスクトップ・アプリケーションと同様な操作性を持つWebアプリケーションを作成できます。本連載では，実際にAjaxアプリケーションを開発しながら，Ajaxアプリケーションの動作の仕組みや，既存のWebアプリケーションとの違い，実装上の注意点などについて紹介していきます。 「枯れた技術」を組み合わせる 筆者にとってAjaxの第一印象は強烈でした。「Google Map」のスムーズな地図操作，「Google Suggest」のリアル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
