Placehold.jp
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
風景から歩行者を消す手軽な方法 | 配電盤
固定したカメラで撮った動画で、画素ごとに時間について平均を取れば、（適当な速度で）動くものを消せます。Mathematicaだとこんな感じです。（参照：フリーソフトウェアを使う方法） Export["result.jpg", Image[Mean[Map[ImageData, Import["movie.mov", "ImageList"]]]]] おまけ：フレームの平均を計算していく過程（最初の5秒を30秒で） 詳細：風景から歩行者が消えていく様子（リアルタイム版） 追記：画質的には平均ではなく中央値や最頻値を使った方がいいかもしれませんが、「手軽」ではなくなります。「平均でもできるんだ」という「手軽」さの実例だと理解していただければと思います。 中央値：MeanをMedianに置き換えるだけで試せますが、計算時間・消費メモリともに増大します。平均なら約90秒で終わるこの動画（1280x
WordPressで画像のサイズに上限を設ける | Firegoby
久しぶりの更新。 WordPressは、画像をアップロードすると3種類のサイズの縮小画像を生成するが、オリジナルの画像が、そのままのサイズで保存されるためLightboxなどを使う際に、あらかじめリサイズして投稿する必要がある。 お客様向けにWordPressを納入する際には、余計な説明が必要になってしまうので、いろいろと面倒だということで、オリジナルの画像も”大サイズ”でリサイズすることにした。 オリジナル画像は、管理画面の「設定」-「メディア」の「大サイズ」で指定したサイズにリサイズする。 （上記の例では640px*500px以内） ソース 以下のソースをテーマファイルのfunctions.phpに挿入するか、プラグインとして保存してください。 add_filter('wp_handle_upload', 'my_resize_image'); function my_resize_i
サーバ送信不要なHTML5による画像切り取りツール作成ツール:phpspot開発日誌
HTML5 image crop tool ? Script Tutorials サーバ送信不要なHTML5による画像切り取りツール作成ツール HTML5とcanvasを使って画像の中の指定部分を切り取って画像化するという処理がブラウザ上で完結するデモプログラムです。 切り取った画像は単にCSSで切っているわけではなくて、画像として右クリックなんかで「名前をつけて保存」することが可能です。 通常であれば切り取った範囲と元画像をサーバに送信した上で、サーバ側で画像を切り取ってユーザに送信的な処理をいれないといけませんが、ブラウザ上で終わるというのは、サーバに負担が一切無くなかなか便利です。 関連エントリ HTML5を使ったファイルアップロード用プログラム集 HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル HTML5で色々作るチュートリアル＆チートシート
アンドロイド用画像保存禁止
画像保存禁止(Android) (control Contextmenu(Android)) ▼『head』用のコード <script type="text/javascript"><!-- addEventListener('touchstart', function(e) { if(.e.target.tagName == 'IMG') e.preventDefault(); }, false); // --></script> by JavaScript Note
Google＋のフォトスタックを実現するjQuery＆CSS3のサンプル:phpspot開発日誌
Google Plus Photo stack animation using Jquery and CSS3 Google＋のフォトスタックを実現するjQuery＆CSS3のサンプル カーソルを合わせるとアニメーションをしながら展開されるフォトスタックを実現するチュートリアルとデモがダウンロード可能です。 写真の一覧をオシャレに出したいような場合に使えます。 デモページはこちら こうしたテクニックが当たり前になってくると更に応用して新しいインタフェースが出てきたりして楽しみです 関連エントリ カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」 迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン ホイールも効いて超いい感じのカルーセル実装jQueryチュートリアル
Text Handling -- IM v6 Examples
Pango - Basic Formatted Text Pango with Plain Text Pango Markup Language Pango Notes and Problems Text - Pages of Plain Text Plain Text Trimming Text Page Postscript/PDF - documents to images Using Ghostscript Directly Draw - Draw Text on Existing Canvas Undercolor Box, Bounding Box Overflow Annotate - Better Text Drawing Automatically Sized Annotated Text Canvas Autosizing using an Undercolor Box
ImageMagickで文字を描画する | ぺんラボブログ
画像サイズを基準に描画する 縦と横のサイズを指定する 文字サイズは自動的に調整されますが、余白が出来ます。 この余白を調整するには”-gravity“オプションを設定します。 convert -background white -fill blue -font aquafont.ttf -size 256x64 label:penlabo.net text2.png png画像、256×64ピクセル 横のサイズを指定する 文字サイズは自動的に調整されますが、余白が出来ます。 横のサイズのみを指定することにより、縦は自動で調整されます。 convert -background white -fill blue -font aquafont.ttf -size 256x label:penlabo.net text3.png png画像、256×47ピクセル 縦のサイズを指定する 文字サイズは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カメラ型のオイルライター/生活雑貨 インテリア雑貨の通販店 ceciｃｅｌａ【セシセラ】
画像の保存を禁止する 〜CSSテクニック〜
ブログなどに埋め込みできるグラフ作成ツール「Google Image Chart Editor」 | ライフハッカー・ジャパン
ImageMagickで画像を２値化して大き目の領域で切り取り