法人の角印や個人の印鑑の印影を画像データにして書類に印刷することってありますよね。これらは通常はスキャナで取り込んで、フォトレタッチソフトで編集してという作業をするのですが専門知識が必要で大変です。 今回はカメラ付きの携帯と無料の画像ソフトでかんたんに作成する方法をご紹介します。 準備するもの
I needed a jQuery img preload plugin in order to detect when an image had actually loaded, so I built one! The scenario basically went as follows: I had several images and content layered on top of one another and I needed to have them all visible. The problem I ran into was that as the browser loaded the images, certain images would load faster then others. Images on the lower layers sometimes wo
PHPで画像処理といえば GD ImageMagick 辺りを使うのが一般的でしょうか。軽いノリで小さいアプリを実装する時はGDをが向いてると思います。 でもGDってなかなかクセがありませんか?何が違うのか分からない様な似た名前の関数があったり、半透明画像を扱う際は必ず呼ばないといけない関数があったり、テキストの描画が面倒、色の指定が面倒、など。 その辺のややこしい処理をラップして、よく使う機能を実装したライブラリ「DmImage」を作りました。 このライブラリを使うと色々出来ますが、 画像リサイズ ファイル出力 DataSchemeURI変換 ActionScriptやCanvasAPIの様な図形描画、色指定 Instagram風の画像加工 フォントのバンドルによる綺麗なフォント描画 辺りが特徴になるかと思っています。 では、早速使い方の説明です。 使い方 使い方1 〜 画像の表示 サイ
画像を包括したコンテナに その画像がぴったり収まる ようにサイズを調整する、 というjQueryプラグイン。 必要になるか分かりません が、需要はありそう。 コンテナ一杯に画像を表示させる、というもの。 上が使用した状態、下が未使用です。下はコンテナに隙間があるのに対し、上はコンテナに隙間無く画像が収まっています。画像をメインとしたコンテンツでグリッドレイアウトなWebサイトなどにも良さそうです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <script src ="imgLiquid-min.js" type="text/javascript"></script>コアとプラグインを読み込みます。 $("
チャオ!@OZPA です。 さて、ブログを更新するとたまに 「あの写真にモザイクをかけているのはどのiPhoneアプリなんですか?」 なんていう質問を頂くことがございます。 なるほど、撮影した写真に見知らぬ人や顔出しNGの方がばっちり映り込んでしまった際には「Effect Touch」というアプリを使用して顔にモザイクやボカシを入れているのですが、せっかくなのでご紹介いたしませう。 17種ものエフェクトを指でかけられる! このアプリの凄いところは、実際に画面をこすったところにエフェクトをかけられる、と言う点。 指で、思った通りに。指で。 つまり分かり易く直感的、かつ簡単に思った通りの加工ができるのであります。 アプリを起動して、左下の「load」をタップ。 カメラロールから目的の写真をチョイスします。 そったら画面下部中央、「no effect」をタップしませう。 するとエフェクト選択画面
大きい画像を限られた領域内に表示し、Googleマップのようにマウスのクリックとドラッグでその画像をアニメーションでスライドできるスクリプトを紹介します。 SpryMap デモページ [ad#ad-2] スクリプトはjQueryなどの他のライブラリは必要とせず、単独で動作します。 SpryMapの特徴 他のライブラリに依存せずに動作する超軽量(3KB)のスクリプト。 画像を表示する領域はピクセル単位で指定が可能。 画像を最初に表示する座標を設定可能。 スクロールのアニメーションの時間を設定可能。 SpryMapの実装 実装は簡単で、画像にidを指定して使用します。 HTML スクリプトでラッパーとなるdiv要素を追加します。divのclassはオプションで設定できます。 <img id="worldMap" src="map.jpg" alt="A map of the world." /
ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 2010年11月12日- Official documentation for the jQuery 'onImagesLoad' plugin - by Cirkuit Networks, Inc. ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 ブラウザの標準機能ではonloadはありますが、画像を読み込んだタイミングで発生させるonImageLoadを発生させられるjQueryプラグインです。 単純に、ページ全体の画像というくくりだけでなく、特定の<div>内の画像を全部読み込んだ後で発生させることも出来るみたいです。 AJAXを活用したダイナミックなサイトで活用できそうですね。 具体的な動作サンプルはサイトでチェ
Sketch2Photo: Internet Image Montage Tao Chen1 Ming-Ming Cheng1 Ping Tan2 Ariel Shamir3 Shi-Min Hu1 1TNList, Department of Computer Science and Technology, Tsinghua University 2National University of Singapore 3The Interdisciplinary Center Abstract We present a system that composes a realistic picture from a simple freehand sketch annotated with text labels. The composed picture is generate
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
画像内に映り込んだ所望のオブジェクトを排除し、違和感の無い画像を生成するシーン補完技術に関しては近年複数の研究成果が発表されている。しかし中でも2007年のSIGGRAPHにて米カーネギメロン大のJames HaysとAlexei A. Efrosが発表した手法*1はブレークスルーとなりうる画期的なものだ。 論より証拠、早速適用例を見てみよう。本エントリで利用する画像はPresentationからの引用である。元画像の中から邪魔なオブジェクト等の隠蔽すべき領域を指定すると、その領域が補完された画像が自動的に生成される。 アルゴリズム 効果は抜群だがアイデア自体は単純なものだ。Web上には莫大な数量の画像がアップされており、今や対象となる画像の類似画像を一瞬にして大量に検索することができる。そこで、検索された類似画像で隠蔽領域を完全に置き換えてしまうことで違和感の無い補完画像を生成するのだ。
死ぬまでにこの目で見たい10の村の写真 2008年07月01日08時00分 / 提供:デジタルマガジン 田舎暮らしというのが、壮年の男性の間で流行っているらしいが、こんな田舎なら私も暮らしてみたい。 朝から元気を出してもらうために、ハッと目が覚めるような村の写真を10枚紹介する。死ぬまでにこの全ての地を自分の足で踏んでみたいものだ。[ Standby Tire ]関連記事インスピレーションを感じる衝撃的な写真9枚【今日のNASA】天体写真「国際宇宙ステーションを追いかけよう」猿でもわかるiPhoneを買うべき7つの理由世界で初めて妊娠した男性の生活の様子【今日のNASA】天体写真「反対側から見る土星の輪」(篠原 修司)
pChart | a PHP Charting library pChart is a PHP class oriented framework designed to create aliased charts.PHPでクールなグラフを描画できるクラスライブラリ「pChart」。 次のようなグラフが描画できます。(円、棒グラフなど) 色々と、グラフ描画ライブラリは存在しますが、こうした描画スタイルもいいですね。 関連エントリ GoogleChartsAPIをPHPから簡単に使える「GoogChart」 jQueryベースの滑らかなグラフ描画ライブラリ「Flot」 CSSだけで円グラフを表示するサンプル
Design Ajaxのローディング時に使えるフリーGIFアイコン集『120+ Free Ajax Activity Indicator Gif Icons』 Ajaxのローディング画像を探している。 そんなあなたにおすすめなのが、『120+ Free Ajax Activity Indicator Gif Icons』。Ajaxのローディング時に使えるフリーGIFアイコン集だ。 このエントリーでは、Ajaxのローディング時に使えるアニメGIFがたくさん紹介されている。 There are free and open source implementations of suitable frameworks and libraries. とのことで、オープンソースで無料で使える。 Ajaxのローディング時に使えるフリーGIFアイコン、チェックしてぜひ使ってみてはいかがだろうか。 今日は雨で
Keynote Objects iPresentee presents free Keynote Objects for Apple’s Keynote, iWeb and Pages! The package combines 100 easy to use and attractive objects. The background of all objects is transparent and can be used on any colored background. Each object can be changed in size, rotated, increased or decreased in opacity, fitted with shadows or even overlapped with one another to create extra effec
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く