You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは。虎の穴ラボのはっとりです。 ブラウザ用漫画ビューアーライブラリ 「 ToraViewer 」 を公開したので紹介したいと思います。 www.npmjs.com github.com はじめに この記事では、ToraViewerの利用方法とToraViewerが利用している技術についてを紹介していきます。 ToraViewerで何ができるのか ToraViewerは漫画や写真集などの画像一覧を電子書籍のような形式で閲覧できるライブラリです。 デモページから実際の動作を確認することができます。 Tora Viewer デモ ToraViewerデモ 画面サイズにより自動的に1ページ表示と見開き表示が切り替わります。 また、利用ユーザーが歯車ボタンから任意のスタイルに変更できます。 ToraViewerの使い方 まずはインストールします。 npm i @toralab/tora-vi
HTML 要素を画像化した複数のファイルをローカルの専用サーバーに送って保存します。 シリーズの記事です。 dom-to-imageを試す html2canvasを試す 複数の画像を生成してローカルに保存 ← 今回の記事 ライブラリ 前回まで同じ目的の2つのライブラリを比較しました。どちらも Firefox では文字サイズが変わってレイアウトが崩れるため、今回は Chrome を前提に進めます。 テキストだけを含む要素の画像化ではどちらを使ってもほとんど差がありませんでした。XMLHttpRequest でファイルを送るには Blob に変換する必要があるため、その機能をサポートしている dom-to-image を使用します。 HTML 要素を画像化した Blob の生成は簡単にできます。 サーバー 以下の記事で作ったファイルを受け取るサーバー (server.ts) を使用します。 簡
準備するもの Googlemapのinfowindowをカスタマイズする「infobox.js」 基本的な使い方については、以前別の記事で書いているので参考にしてください。 本稿のinfobox.jsの使い方は、吹き出しだけでなく、マーカーもオリジナルのDOMで作って、テキストも自由に置けるようにしてしまおうというものです。 機能を洗い出してみよう! まずテキストで必要な機能をざっくり並べてみましょう。 googlemapのインスタンスを作成 infoboxを作成 ショップ情報を配列で用意 配列をfor文で回す マーカーのDOMを作成 吹き出しのDOMを作成 マーカーを全て表示する マーカーにクリックイベントを紐づける 全infoboxを非表示にする関数を用意 あとはこれにそってコードをガンガン描いていくだけです! HTML、CSS、JSコーディング ではコーディングしていきましょう。 H
Mozillaは3月5日、新プロジェクト「mozjpeg Project」を発表した。JPEGエンコーダであるlibjpeg-turboからフォークしたプロジェクトで、運用環境で利用できる品質を備えるJPEGエンコーダを開発するという。すでに「mozjpeg 1.0」のリリースも行われている。 mozjpegプロジェクトの目標は、すでに実装されているデコーダとの互換性を維持しつつも圧縮率を改善したJPEGエンコーダを開発することだという。JPEG画像を処理するlibjpegの強化版「libjpeg-turbo」からフォークしたもので、品質を損なうことなくJPEGの最適化を図るPerlスクリプト「jpgcrush」を組み合わせた。jpgcrushを利用することで、JPEGライブラリであるIJG libjpegを利用したエンコードと比べファイルサイズを平均で2~6%削減できるという。 Mozi
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
Face detection in pure PHP (without OpenCV) Par Maurice Svay le vendredi, juin 19 2009, 12:17 - Technologie - Lien permanent Une résumé en français est disponible en fin d'article. Lately, I've been looking for ways to detect faces in photos with PHP. Nowadays, face detection is built in many consumer products (camera obviously, but also Google and iPhoto), and seems to be a pretty common job. So
というのを作ったので自己紹介します。 2月頃から、コンピュータでアニメ顔を検出&解析する方法をいろいろ試しつつ作っていて、その成果のひとつとして、無理やり出力したライブラリです。 はじめに はじめにざっとライブラリの紹介を書いて、あとのほうでは詳細な処理の話を僕の考えを超交えつつグダグだと書きたいと思います。 Imager::AnimeFaceでできること Imager::AnimeFaceは、画像に含まれるアニメキャラクター的な人物の顔の位置を検出し、さらに目や口など顔を構成する部品位置や大きさの推定、肌や髪の色の抽出を簡単に行うことができるライブラリです。 これらが可能になると、 画像から自動でいい感じのサムネイルを作成できる 動画から自動でいい感じのサムネイルを作成できる 自動的にぐぬぬ画像が作れる 自動的に全員の顔を○○にできる 顔ベースのローカル画像検索 など、最新鋭のソリューシ
Herzlich Willkommen auf meiner Webseite, mein Name ist Andreas Ritter und ich bin Dipl. Media System Designer (FH). Seit meinem Abschluss im Jahre 2008 an der Hochschule Darmstadt arbeite ich als freiberuflicher Webdesigner und Programmierer. Für meine Kunden realisiere ich Projekte von der Idee bis zur Umsetzung und Veröffentlichung. Dazu zählen das Ausarbeiten eines schlüssigen und sinnvollen K
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く