橋本商会 » canvasで画像処理
html5のcanvasのピクセル単位の処理を試してみた。ここで動かせる → http://dev.shokai.org/test/canvas/cv/ ソースはここ https://github.com/shokai/js-canvas-test/tree/master/cv 輪郭抽出とかしてみた ■canvasでのピクセル処理方法 canvasはgetContext(‘2d’)してからgetImageDataするとImageDataオブジェクトが手に入る。 あとの処理はこんな感じ（画像をグレースケールにする例、cv/main.jsの39行目あたり） var canvas = $('canvas#img'); var ctx = canvas[0].getContext('2d'); var img = ctx.getImageData(0, 0, canvas[0].width, ca
Flat Surface Shader
Admit it, 3D is cool. But, you know what's cooler? 2D. I love WebGL, but unfortunately it doesn't work everywhere. This lighting simulation can be configured to use either the 2D context of a canvas element or an array of SVG polygons to draw the triangles. It also utilises native Float32Arrays to store numerical data for highly optimised calculations. This is a collaborative effort between Matthe
画像の保護に。JavaScript/Canvasを使って動的に電子透かしを入れる·watermark.js MOONGIFT
watermark.jsはHTML5/Canvasを使って画像に動的に透かしを入れるソフトウェア。 watermark.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトやメディアサイトでは画像に透かしを入れて表示している場合がある。社名や自社のロゴを載せることで、転載を防止または抑制する仕組みだ。 画像の左上のマークが透かし 大手のサイトであれば画像を自動的に変換するシステムを導入しているかもしれない。だがwatermark.jsであれば個人や小規模なサイトでも簡単な透かしシステムを導入できるようになる。 watermark.jsはJavaScriptとHTML5のCanvasタグを使って画像を動的に変換する。別途画像を指定することで、その画像を表示したい画像に上書きする形で表示する。透明度、表示位置、クラス名を指定することで細かく表示を制御できるようになっている。
1day JSPaint app
What is is? This is a 100% JavaScripted app implemented in one day. Please browse this page with latest Chrome, Safari, or Firefox. Please contact to fukatsu@gmail.com if you have any question.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Wizcorp/Ejecta-X: A Fast, Open Source JavaScript, Canvas & Audio Implementation
Engadget | Technology News & Reviews
Paper.js
Canvas Cycle: True 8-bit Color Cycling with HTML5
