では、順に修正を施していこう。 1. jquery.jsをロードする jQueryをデプロイし、grayscale_image_test.htmlに次の1文を追加する ...

HTML5 Canvas Image Effects: Black & White - SpyreStudiosにおいて、HTML5のCanvas機能を使って画像を読み込み、さらにその画像を白黒画像に変換して表示する方法が紹介されている。Canvasを使ってどのように画像加工処理を実施するかのテンプレートとして参考になる。

※この記事は「古籏一浩のJavaScriptラボ」の第31回です。過去の記事も合わせてご覧ください。 HTML5 Canvasで作った「シンプルペイント」。ペンの色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示 ...

canvasina.com はシンプルなvanvas メーカーです。 ※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。 また、編集部はこの内容について正確性を保証できません。 簡単にHTML5 でのcanvas 描画のできるサイトが ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 “AI活用”をキーワードに「AIを使い倒し／使いこなす」企業の最前線をお届けし ...

前回はPhoneGapを支える各種APIの紹介と、 jQuery Mobileを用いたメモ帳アプリを実際に作成するところまでを紹介しました。本連載最終回となる今回は、 実機でのテストをするまでの手順と、 Camera APIとHTML5 Canvas、 PhoneGapプラグインを使ったカメラ ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...

動画のスクショに直線などを描き込める新機能を実装しました！ サービスはこちらから(新着練習日記のところから練習日記ページにとべます) PWA対応です。 スクショに直線と、フリーハンドの線が描き込めます！ 言語化しづらいアドバイスを伝える手助け ...

SVGとHTML5 Canvasについて SVGとCanvasは、ウェブ上でグラフィックスを描画するための主要な技術です。 どちらも異なるアプローチを取りますが、両方ともウェブアプリケーションやウェブサイトで豊富な視覚的なコンテンツを生成するために使用されます。

米Googleは5月11日（現地時間）、「Google ドキュメント」（Google Docs）のレンダリング方法を今後数カ月のうちに変更する方針を明らかにした。HTMLベースのレンダリングから「canvas」要素を用いたレンダリングへ段階的に切り替えることでパフォーマンスの向上 ...

スマートフォン向けの新たなソーシャルゲームとしてサイバーエージェントが提供を開始したのが 「ペコロッジ」 です （図1⁠）⁠。自分自身のアバターで自由気ままなビレッジ生活を楽しめるというソーシャルゲームであり、 さらに料理を作ったり工作 ...