位置調整が出来たら、今度は拡大縮小についてです。これについてもいくつかの方法があります。 drawImageメソッドの引数で貼り付けサイズを指定する scaleメソッドでcanvasの変形をしてから、drawImageで貼り付ける transformメソッドでcanvasの変形をしてから、drawImageで貼り付ける 1についても、位置調整と同様、drawImageの引数を変化させるだけでOKです。2、3はいずれも変形マトリックスの調整になりますが、使うメソッドが違います。単純に拡大縮小するだけであれば2の方が簡単です。 drawImageメソッドの引数で貼り付けサイズを指定する drawImage(image, dx, dy, dw, dh)と、dw、dhの引数を指定すると、貼り付け先のサイズを指定することができます。元画像に対して縦横比を維持して拡大縮小する場合は、dw、dhをそれぞ
謎というか私がなにかを理解していないだけなんだろうけど。。Canvasを作る作り方によっては、サイズが上手く設定されない、というおはなし。 Canvas の作成 200x200のCanvas を4つの方法でつくってみる。まずは、普通に静的に作る。 <div id="placeHolder"> <canvas id="static" width="200" height="200"></canvas> </div>次に3つの方法で動的に作る。 $("#placeHolder").append($('<canvas ' + 'id="dynamic0" width="200" height="200" ></canvas>')); $("#placeHolder").append($('<canvas/>', { id: "dynamic1", width: 200, height: 200
適当なお絵描きサイトをHTML5, canvas, javascriptで作ってました。 その時にやりたかったのが、canvas内にローカルの画像ファイルを描画し、 その画像を背景にお絵描きすることだったんですが、意外につまづいたので、メモしておきます。 仕様の概要はこんな感じです input type="file"を使ってローカルファイルを参照すること 参照した画像ファイルをcanvasに描画すること 画像ファイルをサーバにアップロードしないこと（ローカルで完結） ソースは以下の通り HTML <div id="drawArea"> <canvas id="myCanvas" width="300" height="300"></canvas> </div> <div id="uploadArea"> <input id="uploadFile" name="image" type="f
Thank you for being patient. We are doing some work on the site and will be back shortly.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
