0

このデモのように、画像のさまざまな部分に色を付けたいと考えていhttp://www.nickjr.com/kids-games/color-with-dora.htmlます。このデモではフラッシュを使用しています。javascriptまたはjqueryでこれを行う可能性はありますか?

どなたか参考にしてください。

4

1 に答える 1

0

小さなアプリケーション全体を再作成する方法を尋ねているように聞こえるので、この回答を扱いやすい長さに保つために、2 つの基本的なニーズに単純化します。(1) カラー パレットをクリックして選択できること。色、(2) 画像の一部をその色で塗りつぶす。質問はかなり一般的であるため、私はあなたが何を望んでいるのかについて多くの仮定を立てています。

例: jsfiddle デモ

(免責事項: デモがブラウザ間でどの程度互換性があるかはわかりません。Chrome 21.0.1180.89 m で動作します。それが私が知っているすべてです)。

2 つの基本的な部分は次のとおりです。

  1. SVG 要素を使用して画像を表現します。画像の一部は、SVG 要素の「塗りつぶし」プロパティを変更することで塗りつぶすことができます。(Inkscape や Adob​​e Illustrator などの描画アプリケーションから SVG を直接エクスポートできる場合があります。)

  2. jQuery を使用して、マウスクリック イベントを色選択に関連付け、塗りつぶしを変更するときにその色を適用します。

デモのコードは、かなり基本的な jQuery と SVG です。うまくいけば、あなたがより具体的に必要なものに向かって進むのに十分です.

于 2012-09-11T15:53:44.153 に答える