4

<section>背景画像と内部にテキストを含むタグがあります<h4>。Pinterest と統合する必要があります。画像だけをピン留めすると、テキストが失われます。背景画像とテキストを組み合わせて「実行時」に固定する方法はありますか。

4

4 に答える 4

2

私はそれがまさにあなたが探しているものではないことを知っていますが、それでも代替ソリューションになる可能性があります. ShareAsImageプラグインをご覧ください。テキストを選択して、ピンタレストで共有できます。

于 2013-09-24T00:30:49.553 に答える
1

おそらく、タグ内のコンテンツの画像を作成して固定したいでしょう。html2canvas ライブラリを使用して生成し、次のように固定します。

html2canvas($('div section'), {
    onrendered: function (canvas) {
        // pinIt(canvas);
    }
})

あなたは彼らのウェブサイトで例を見たいと思うかもしれません: http://html2canvas.hertzen.com/examples.html

それが役に立てば幸い ：）

于 2013-09-27T09:26:14.700 に答える
0

実際、私はあなたが達成したいことを理解していません。私の理解では、テキストと画像を一緒にして実行時に価値を置きたいと思っていますか?

  • 以下は、Jquery を使用して行われます。
  • サーバー側では、h2 タグ内に asp:textbox を保持し、サーバー側から設定します。
  • 実行時にバックラウンドも追加する場合はCSS class、HTML からセクションを削除CSS class .section-backgroundして、サーバーサイドからセクション タグに追加します。
<head>
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <script src="Scripts/jquery-2.0.3.min.js"></script>
    <style>
        .section-background {
            background: url('Background.jpg') no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

    </style>
    <script>
        $(document).ready(function () {
            $("h2").text('abc');
        });

    </script>
</head>
<body>
   <section class="section-background" >
      <h2></h2>
   </section>

</body>
于 2013-09-27T13:50:13.663 に答える
0

何を言っているのかわからない場合は、質問を拡張して、何が問題なのかを理解しやすくしてください。

おそらく、knockout.js を使用して、ページ上で再作成し続けることができるオブジェクトに背景画像、テキスト、およびピンをバインドします。イベントの実行時に ajax 呼び出しを使用して情報を入力できます。

于 2013-09-26T17:58:51.913 に答える