画像にテキストを追加するためのJqueryプラグイン

Question

画像にオーバーレイとしてテキストを追加するさまざまなjqueryプラグインがあります。しかし、私は、ユーザーがイメージにテキストを配置し、テキストに効果（フォント、サイズ、カーブなど）を与えてからイメージとして保存できるようにしたいと考えています。 何かのようにhttp://ipiccy.com/（すべての機能は必要ありませんが、テキストとテキストのエフェクトを追加してください） 私はAsp.Net mvcを使用しています。お申し込みください

Answer 1

イメージがロードされた後でも、ランダムに配置されていてもテキストを配置できます.jQueryのposition（）メソッドを使用すると、必要なすべての情報が提供されます。 次に、コンテナに必要なテキスト/エフェクトを置くことができます。

<h1>Text Blocks Over Image, Updated</h1> 

<figure> 
    <img src="http://baconmockup.com/501/351" /> 
    <figcaption> 
    <span> 
     trdy 
     <span class='spacer'></span> 
     <br /> 
     <span class='spacer'></span> 
     bacon ipsum dolor sit amet 
    </span> 
    </figcaption> 
</figure> 

<p>Modernized and improved from <a href="http://css-tricks.com/text-blocks-over-image/">http://css-tricks.com/text-blocks-over-image/</a>.</p> 

<h3>Key Updates</h3> 

<ul> 
    <li>Positioning the <code>h2</code> by <code>bottom</code> pins the caption to the <em>bottom</em> of the image.</li> 
    <li>Reset bg color declaration on spacer element.</li> 
<!-- <li>Used <code>:before</code> and <code>:after</code> for line-break spacing.</li> --> 
    <li>Switched to <a href="http://baconipsum.com/">http://baconipsum.com/</a> and <a href="http://baconmockup.com">http://baconmockup.com</a> for better BEO.</li> 
    <li>Semantcized to figure/figcaption markup.</li> 
</ul>