canvas

スポンサーリンク
JavaScript

JavaScriptで縮小画像を作成してサーバーにPOST送信する方法

本日、JavaScriptで縮小画像の作成 | while(isプログラマ)のコメント欄にて、慎之助さんから下記のようにコメントがありました。 「画像を縮小して表示」サンプルと 「canvasで描いた絵をバイナリ形式でサーバーに...
CSS

CSSとJSで要素の背景にcanvas画像を設定する方法

WebKit系とFirefox限定です(IEでは利用できない)。 CSSのbackgroundプロパティにおいて、WebKit系のブラウザにはcanvas()関数、Firefoxではelement()関数という値が指定できます。can...
JavaScript

HTML5のcanvasで描画する文字の後ろに白地をつける方法

本題に入る前に一つ問題です。Canvasで文字を描画(fillTextメソッドを利用)する時、文字の縦基準位置を指定しない、つまりデフォルトの場合、文字は指定座標にたいしてどの位置に描画されるでしょう。次の3つの中からお選びください(点は指...
JavaScript

canvasのお絵描きツールに拡大機能をつけてみる

久々にcanvasのお絵描きツールに機能を追加してみた。今回追加した機能は拡大機能。 最初は、拡大画像用のcanvasを新たに作成してそこにdrawImageメソッドを使って、拡大した部分を描画し、終わったらその拡大画像用のcanva...
JavaScript

ExifのOrientationを見たうえでcanvasに画像を表示できるJSライブラリ

先日、画像を縮小して表示するページを作成してこのブログで紹介しました(JavaScriptで縮小画像の作成 | while(isプログラマ))。 ただ、このページからiPadやiPod touchで開いたうえで、ファイルの選択から『写...
スポンサーリンク
タイトルとURLをコピーしました