CCV.jsで顔検出 | ゆっくりと…
CCV.js （C-based Computer Vision Library） は、オープンソースな画像処理ライブラリ OpenCV の純粋なアルゴリズム部分を一部 JavaScript に移植したライブラリです。しかも元のライブラリではかなりの仮想化・階層化されていた画像処理用メモリ管理部分を簡素化し、Canvas で扱えるようにしてありますので、現在のモダンブラウザでも動作する軽量なライブラリとなっています。 ライブラリとはいうものの、現時点はまだ物体検出のアルゴリズムしか移植されていないようなのですが、顔検出のサンプルがありましたので試してみました。 サンプル CCV.jsで顔検出 – jsdo.it – share JavaScript, HTML5 and CSS JavaScriptライブラリの中身 ccv を GitHub から落とすと、js ディレクトリに顔検出のサンプル
html2canvas - 4 Code Reading
html2canvas - screenshots with JavaScript Canvasを使ってスクリーンショットをとれるというJavaScriptライブラリの動作原理を追ってみる (まあ、実際にはhtmlをCanvasでレンダリングするって意味なんだろうけど) jQueryプラグインとして実装されてる $.fn.html2canvas 外部ドメインのリソースも読み込めるように http://html2canvas.appspot.com/ というPythonで書かれたプロキシをデフォルトで使う。 このプロキシは、結果をjsonpにして返してくれる。(画像はdataURIに変換してjsonpに) IE8以下は flashCanvas を使う予定みたいになってる。 リソースの取得 最初にドキュメント、画像をそれぞれプロキシを使うなどして読み込んでいる。 デモサイト(JavaScrip
html2canvas - Screenshots with JavaScript
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
MikuMikuDance 遊び - 兼雑記
MikuMikuDance のデータについて結構 web に情報があるみたいだったので、適当に parser 書いて 2D canvas とか WebGL で動かして遊んでみて、 SDL off 2010 summer で紹介してみたりしました。 で、動く URL にリンクはろうかと思ったんですが、よく考えるとこのデータのライセンスどこにも書いてないなーと思ったのでやめておくことに。まぁ本当はボーンのあれこれとかやりたかったのにやってないのとかで、激しく作りかけなのでまぁどうでもいいでしょう的な。 http://shinh.skr.jp/dat_dir/mmd.tgz 一応このソースコードをダウンロードして、本家のパッケージから拾ってきた pmd ファイルとかを、例えば miku.pmd という名前で保存して、 % ruby mmd.rb miku.pmdとかで miku.pmd.js が
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
SVG and canvas - WHATWG Wiki
A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam. To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members). Numerous people have suggested that SVG and <canvas> are competing technologies. They are not. SVG provides retained mode graphics and <canvas> provides immediate mode
SCRAPBLOG : canvas要素によるWebページのスクリーンショット保存機能
今年4月に行なわれたMozillaParty7.0において、いくつか有用な情報を得ることができたが、中でもcanvas 要素の toDataURL メソッドで取得した data:URL をファイルへ保存するという Taken さんの情報は、 ScrapBook で保存したWebページのコレクションをサムネイル画像によって一望するというプランを一気に実現へと近づけることができるありがたいものであった。その具体的な方法はTaken SPC : Mozilla Party JP 7.0 に行ってきましたのポストでも説明されているが、これを利用して現在ブラウザに表示されているWebページのスクリーンショット（今回はサムネイルではなく、原寸大のスクリーンショット）をPNG画像として保存する機能を実装してみる。 (1) XUL html:canvas要素を chrome://browser/conte
canvas 要素で画像にフィルタを適用したい - ヨーキョクデイ
ImageData オブジェクトなるものを取得すると、その data プロパティをいじることでピクセルごとに画像をいじることができるらしい。Canvasリファレンス - getImageData/putImageDataメソッド- HTML5.JP を見ればいいわけだけど、結局は data プロパティというのは配列であって、各ピクセルの情報がその要素になっている。そしてその要素の値を変更していくことで画像にフィルタをかけるということを実現しようではないかというのが今回の話。 流れとしては canvas に適当な画像を作り、getImageData メソッドでその画像についての ImageData オブジェクトを取得し、data プロパティをいじり（フィルタ）、その中身が変更された ImageData オブジェクトを putImageData メソッドで canvas に書き出すという感じ。
Emil’s Chronicle ≫ Canvas in IE
Since Apple’s introduction of canvas earlier this year support for it has been added to both Mozilla and Opera, making it more widespread than, the much older, SVG. I suspect that’s largely due to the complexity of the later and the simplicity of canvas. However it still cannot see widespread deployment as it’s not supported by Internet Explorer, which has around 80-90% of the browser market. IE d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
HTML5 Canvas Cheat Sheet
テキストの描画 - Web API | MDN
Canvasリファレンス - HTML5.JP
Admiral
js cloth
GitHub - Seneca-CDOT/c3dl: Repository for c3dl (Canvas 3D JS Library). See wiki for related links
Chart API (WebFX)