linch.me-画像に注釈を追加します







ある時点で、画像にすばやくキャプションを追加するための便利なツールを見つけるのに疲れがピークに達し、この問題を解決するサイトが作成されました。



この名前は、 レベデフビジネスリンチに触発されました。

剥がされた画像は次のようになります。





アナログ



www.pixtick.com-フラッシュ。

www.marqueed.com-登録。

www.bounceapp.com-脚注なしのテキストのみ。

さらに、それらは1つの致命的な欠陥によって結合されました。

要約:自転車が必要です。



作成



可能な解決策は、キャンバス、フラッシュ、その他の新しい技術で拒否され、温かいチューブ画像とHTMLに賭けられました。 現在、多数のイメージホストがあり、どれでも使用できます。 いくつかのツールを使用すると、Dropboxにアップロードされた画像へのリンクを取得できます。

最初は、矢印にきちんとした三角形を使用したかったのですが、Firefoxでは不快なバグが発生しました。



残念ながら、それを回避することはできなかったため、矢印を使用することにしました。

対角線では、矢印は美しく正確に機能しなかったため、両側で決定が容易になりました。

注釈の側面への自動切り替えでは、矢印をねじ込むことができませんでした。これは、各側面の追加と削除だけでは明確ではないため、単純な解決策が好きだからです。

外部コンポーネントが機能し始めたとき、バックエンドの作成を手伝ってくれた友人に頼りました。 注釈の保存と画像生成を台無しにしました。 一意のURLの生成が追加されました。



使用ビデオ







結果



http://linch.me/-あなたの健康を使用してください!



PSボーナス:私たちのサイトがFacebookよりも多く使用される場合-楽しい背景を追加します!



All Articles