Trianglify
About My name is Quinn Rohlf, and I'm a roaming engineer/designer based in the western United States. Trianglify is an open-source library I wrote to generate low-poly style patterns by combining a Delaunay triangulation with some nice colors. It was originally released in April of 2014. It has a sibling project, Trianglify.io, that provides a user-friendly GUI for the library and helps fund libra
Canvasで画像加工[モノクロ,ぼかし,二値化...etc] - jsdo.it - Share JavaScript, HTML5 and CSS
//読み込む元の画像 var IMAGE = "http://jsrun.it/assets/x/y/1/B/xy1Bw.jpeg"; window.onload = function(){ function drawImage(imageObj){ var canvas = document.getElementById("world"); //canvasの横幅を設定 canvas.setAttribute("width",imageObj.width); //canvasの縦幅を設定 canvas.setAttribute("height",imageObj.height); var ctx = canvas.getContext("2d"); var x = 0; var y = 0; //canvas上に画像を表示 ctx.drawImage(imageObj,x,y); } v
![Canvasで画像加工[モノクロ,ぼかし,二値化...etc] - jsdo.it - Share JavaScript, HTML5 and CSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d7e353488cf2546012f87d9a5bc216b23ea12b0/height=288;version=1;width=512/http%3A%2F%2Fjsdo-static-contents.s3.amazonaws.com%2Fimages%2Fcapture%2Fh%2FF%2FU%2FhFU4.jpg%3Ft%3D1352986956)
'input type=file'から'canvas'への転写（画像の引き伸ばし対処）
‘input type=file’から’canvas’に転写する際、画像のサイズがcanvasのサイズより大きいとcanvasのサイズでトリミングされて表示されてしまいます。 なので、画像のサイズに合わせてcanvasのサイズを変更したいのですが、何故か画像を読み込んでから動的にcanvasのサイズを変更するとトリミングされた画像が引き伸ばされて表示されてしまいます。 canvasのサイズを変更するタイミングをいろいろ試してみましたが、うまくいかなかったので、結局’img’オブジェクトの読込後に画像サイズに合わせたcanvasを生成することで対応しました。 ↓サンプル $("#uploadFile").change(function() { var file = this.files[0]; if (!file.type.match(/^image/(png|jpeg|gif)$/)) r
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
