あるプロジェクトでは、目的の写真の文字の色でテキストを作成する必要がありました。 すべての画像を作成し、検索エンジンでテキストをより適切に処理するのは間違っています。 プラグインが見つかりませんでした。独自のプラグインを作成するのは面白かったです。
簡単に
デモ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）を更新し、テキストのレンダリング速度を上げました。