2012-09-11 58 views
0

我想要的顏色的圖像的不同部分像這展示http://www.nickjr.com/kids-games/color-with-dora.html的圖像。這個演示使用閃光燈。有沒有可能在JavaScript或jQuery中做到這一點?顏色使用jQuery或JavaScript

請給任何引用。

+1

jQuery是第三方JavaScript函數庫,而不是JavaScript的替代。 – Quentin

+0

任何網站僅供參考? – designersvsoft

+0

是:https://developer.mozilla.org/en-US/docs/JavaScript。如果你決定使用jQuery:http://docs.jquery.com/Main_Page –

回答

0

這聽起來像你問如何重新創建一個完整的小應用程序,所以這個答案保持在可管理的長度,我就簡化了兩個基本的需求:(1)能夠點擊一個調色板選擇一種顏色,(2)用該顏色填充圖片的部分。由於這個問題相當一般,我對你想要的做了很多假設。

例子:jsfiddle demo

(聲明:我也不知道該如何演示跨瀏覽器兼容的是 - 它適用於Chrome 21.0.1180.89男,這是我所知道的)。

兩個基本部分是這樣的:

  1. 使用SVG elements來代表你的圖片。可以通過更改SVG元素上的'fill'屬性來填充圖片的各個部分。 (您可能能夠將SVG直接從繪圖應用程序如Inkscape或Adobe Illustrator出口。)

  2. 使用jQuery鼠標click event顏色選擇和更改填充申請時該顏色相關聯。

演示中的代碼是相當基本的jQuery和SVG。希望能夠讓你走向更具體的需求。

+0

@designersvsoft這篇幫助? – Ben

相關問題