我想要的顏色的圖像的不同部分像這展示http://www.nickjr.com/kids-games/color-with-dora.html
的圖像。這個演示使用閃光燈。有沒有可能在JavaScript或jQuery中做到這一點?顏色使用jQuery或JavaScript
請給任何引用。
我想要的顏色的圖像的不同部分像這展示http://www.nickjr.com/kids-games/color-with-dora.html
的圖像。這個演示使用閃光燈。有沒有可能在JavaScript或jQuery中做到這一點?顏色使用jQuery或JavaScript
請給任何引用。
這聽起來像你問如何重新創建一個完整的小應用程序,所以這個答案保持在可管理的長度,我就簡化了兩個基本的需求:(1)能夠點擊一個調色板選擇一種顏色,(2)用該顏色填充圖片的部分。由於這個問題相當一般,我對你想要的做了很多假設。
(聲明:我也不知道該如何演示跨瀏覽器兼容的是 - 它適用於Chrome 21.0.1180.89男,這是我所知道的)。
兩個基本部分是這樣的:
使用SVG elements來代表你的圖片。可以通過更改SVG元素上的'fill'屬性來填充圖片的各個部分。 (您可能能夠將SVG直接從繪圖應用程序如Inkscape或Adobe Illustrator出口。)
使用jQuery鼠標click event顏色選擇和更改填充申請時該顏色相關聯。
演示中的代碼是相當基本的jQuery和SVG。希望能夠讓你走向更具體的需求。
@designersvsoft這篇幫助? – Ben
jQuery是第三方JavaScript函數庫,而不是JavaScript的替代。 – Quentin
任何網站僅供參考? – designersvsoft
是:https://developer.mozilla.org/en-US/docs/JavaScript。如果你決定使用jQuery:http://docs.jquery.com/Main_Page –