画像からのテキスト

あるプロジェクトでは、目的の写真の文字の色でテキストを作成する必要がありました。 すべての画像を作成し、検索エンジンでテキストをより適切に処理するのは間違っています。 プラグインが見つかりませんでした。独自のプラグインを作成するのは面白かったです。



簡単に





デモ1 | デモ2



使い方

<script type= "text/javascript" src= "https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" ></script>

<script type= "text/javascript" src= "jquery.pictotxt.js" ></script>



必要なパラメーターimage_srcでプラグインを起動します-画像へのリンク*。

$( function (){

$( ".text_image" ).pictotxt({image_src: 'text_bg.jpg' });

});



写真からテキストを取得します。 テキストでブロックのサイズを変更する場合は、pictotxtを再度呼び出します。



パラメータ

オプション	説明
imagesrc	ドメインから画像へのリンク、それ以外の場合：セキュリティエラー「コード：」1000、SECURITY_ERR：DOM例外18など
塗りつぶし	テキストに画像を入力します。 繰り返し-タイル状のテキスト領域 繰り返しなし-バックグラウンドを繰り返さない stretch-テキスト領域の幅と高さを拡大します
転倒	画像に対して文字の色を反転し、true / falseを受け入れます
show_img	テキストの下の背景に画像を表示し、true / falseを受け入れます

必要条件

キャンバスをサポートしているすべてのブラウザで動作し、多数の文字が考えられる場合があります。



pictotxtプラグインをダウンロード↓



UPD：プラグイン（v1.1）を更新し、テキストのレンダリング速度を上げました。