ブラウザのみで使えるバーコードリーダーを作った - @znz blog
最近の HTML5 の getUserMedia API でカメラの画像をブラウザ上で処理できるようになったということで、 専用のバーコードリーダー機器を買ったり、 モバイル機器で専用のアプリを入れたりしなくても、 ノートPCの内蔵のカメラでも使えるバーコードリーダーを作ってみました。 使い方 Web Barcode Reader (2022-11追記: 放置していたら削除されてしまったためデモサイトは今はありません) を開いて、 既にPC上に画像がある場合はその画像を選択してください。 選択するだけでバーコードの認識が始まります。 iOS や Android などではファイル選択かカメラで撮影かを選べます。 BarcodeReader のライブラリを使って JavaScript のみで認識していて、 バーコードの認識は初回はちょっと時間がかかるようなので、 ゆっくり待ってください。 Go
canvas要素の基本的な使い方まとめ
Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています．えーと，そりゃもうゴリゴリと． 本文書はsvg要素の基本的な使い方まとめの姉妹版として作成を開始した．canvas要素の仕様は現在進行中で色々と変化しているため，一筋縄で行かないが大方のapiについて書き上がったので公開する．なお，まだ使えない機能等満載だったり，内容に間違いがあっても中々検証することができないので，その部分を了承した上でご利用下さい… 更新履歴 2012/07/18 初版 1・canvas要素の概観 canvas要素とは canvas要素はhtml5で採用されたwebブラウザ上でグラフィックを描画するための機構であり，webページの機能性・視認性が重要視される昨今では，svg要素と並び重要な役割を果たしている．もともとapple社が自社製osの機能向上策として，同
HTML5のcanvasを使ったお絵かきツール詳説
HTML5のcanvasを使ったお絵かきツールを勉強がてら作ってみました。下記の画像リンクをクリックすればサンプルページにジャンプします。 サンプル 以下、サンプルのHTMLとJavaScript（jQuery）を使って、canvasのお絵かきツールについて解説します。 探しきれてないだけと思いますが、お絵かきツールのjQueryでの実装が見つからなかったので、自力で書いてみました。いろいろ間違ってたらすいません。 １．HTML サンプルのHTMLは次のようになっています。 <canvas width="500" height="400">お使いのブラウザはHTML5のCanvas要素に対応していません。</canvas> <ul> <li style="background-color:#000"></li> <li style="background-color:#f00"></li>
html5 canvasへの手書き入力方法 | このコードわからん
随分昔に、手書き入力に関する記事を書いたわけだけど、今ではその時のやりかたよりももっと良いやりかたを使っているんだよね・・。 旧バージョンを信じてる人がいたらドンマイなので、新バージョンのやり方をここに書いておく。 当時は、 １．マウスの軌道に点をプロット ２．その点と点を繋ぐ線を描画する という非常に面倒くさい方法をとっていた。 なんでこんなことをしたかというと、高校の授業でこの方法を思いついてからずっと信じてきた方法だから・・ 固定観念ってだめね。 html5のcanvasでは、lineJoinとlineCapというcontextのプロパティをいじることによって簡単に実現することができます。
oCanvas - Object-based canvas drawing
Canvas drawing made easy oCanvas is a JavaScript library intended to make development with HTML5 Canvas easier. Instead of working with pixels, you work with objects. It’s very straightforward and easy to get started with. Please have a look at the examples to see just how easy it is. View demos & examples Download oCanvas Current release: 2.10.1 Production 21 kB minified & gzipped Development 192
Web開発にお役立ちな30のハイクオリティなグラフ描画ライブラリ | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー Webにグラフやチャートを描画するライブラリを探していたら見つけました。いろいろあるもんですね:-)。 30 High Quality Charts And Graphs For Webdevelopers To Download 個人的に興味を持ったものをかいつまんでご紹介:-)。 gRaphaël Raphaëlというライブラリをベースに開発されているグラフ描画ライブラリ。MITライセンス。シンプルなコーディングで綺麗なグラフを描画できる。幅広いブラウザ(Firefox 3.0以上, Safari 3.0以上, Opera 9.5以上，Internet Explorer 6.0以上
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://www.cmmntr.com/m/22
GitHub - HumbleSoftware/Flotr2: Graphs and Charts for Canvas in JavaScript.