canvasをバイト単位で修正する方法（ImageDataの使い方） - KAYAC Engineers' Blog
引っ越ししました。agoです。 思いっきりネタがかぶってますが、あまり気にせずcanvasネタを書いてみたいと思います。 今回はcanvasの中でもImageData関係をまとめて見ました。 ImageDataってなに？ canvas内のバイト列を扱うためのObjectです。 canvas内の各バイト毎に赤、緑、青、透明度の情報を配列として保持しています。 何に使うの？ canvas内をバイト単位で修正したい場合に使います。 canvas内に図形等を書く場合、通常提供されているlineTo等を使用することも出来ますが、こういった抽象メソッドは一回ごとの呼び出しコストが大きいため、細かい単位の操作には向きません。 その点、ImageDataであればバイト単位での操作しかできない代わりに呼び出し毎のコストが小さいため、細かい単位の操作も高速に行うことができます。 ただ、もちろん線を引く、丸を書
createObjectURLとは何か？ - NullPointer's
createObjectURL、省メモリだとかaudioの再生がスムーズだとか言われてるけど、これが何物なのか日本語の詳しい説明が見当たらないので、自分の理解を書いておく。File APIの仕様書を軽く流し読みして得た理解なので正確さは保証しない。ま、大筋は間違っちゃないと思う。 createObjectURLはFileオブジェクトのURL（Blob URL）を作成するもの。httpスキームのURLがサーバ上のリソースを指しているように、Blob URLは自分のPCのメモリ上にあるリソースを指し示す。 FileReaderのreadAsDataURLメソッドを使うとfileオブジェクトを元にURLを作成できるが、これはData URLで、URLエンコードされたファイルの中身そのもの。よって、ファイルを読み込んでData URLを作成すると、JavaScriptエンジンはファイルサイズに比例
ここまで出来る！覚えとくと便利な「プログラム」サンプルまとめ
作成：2013/08/5 更新：2014/11/01 Web制作 > 食材を扱っているお客さんから、「ECサイト」を作ってくれと頼まれたので作成しました（事情により、CMSは使えず）。さらにメンテンスが楽になるように更新やSEOを自動化しました。今回は、CMS（WordPressとかEC-CUBEなど）を使わず仕組みを作るときに参考にした「プログラムサンプル」のまとめです。 プログラムの勉強にもなり、「へぇ～こんなことも出来るんだ」と思ったもの。今回は（PHP／jQuery／js）です。 エンジニア速報は Twitter の@commteで配信しています。 一般 画像／PHP １．画像リサイズ ２．画像に字を書く ３．画像の拡大・縮小・サムネイル出力 ４．グラフの描画 ５．画像エフェクト２５個 URL／PHP ６．ページのURLを取得 ７．URLの中身（HTML）を取得 ８．URL自動リン
WideArea - Better Textarea
WideArea? WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster. How to use? Really simple. Just include both JavaScript and CSS file and then add data-widearea="enable" attribute to your textarea and then call this JavaScript function in the page: wideArea(); License Free and open-source (including commercial use). P
JavaScriptの配列 vol.3 -連想配列 （ ハッシュ ） - - 真夜中のプログラミングTips
JavaScriptの配列 vol.1 -配列の宣言-, JavaScriptの配列 vol.2 -配列の宣言(続)- では、Javascript における配列の宣言についてでした。 さて、今回は連想配列（ハッシュ）についての備忘録です。連想配列（ハッシュ）についてもやはりJavaScript は摩訶不思議な言語です。 1. 連想配列（ハッシュ）の宣言 （ふつうの）配列の定義同様、連想配列の定義もさまざまなバリエーションがあります。結論から言うのはおもしろくないものですが、バリエーションはあれど (1) を用いるのが連想配列であるとわかりやすくてよいと思います。 (1) オーソドックスな連想配列 var hash_sample_1 = new Array(); hash_sample_1['name'] = "真夜中ナビ 深夜営業のお店探し"; hash_sample_1['url'] =
Learning JavaScript Design Patterns by Addy Osmani
Document has moved, if you aren't automatically redirected go here.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cdnjs - The #1 free and open source CDN built to make life easier for developers
Learn web development | web.dev
Call an anonymous function defined in a setInterval
Inouetakuya
GitHub - evilstreak/markdown-js: A Markdown parser for javascript