का उपयोग करके फ़ोटोशॉप के समान रंगीन पिकर बनाएं, मुझे कंप्यूटर ग्राफिक्स में बिल्कुल भी पता नहीं है और मुझे HTML पृष्ठ में एम्बेड करने के लिए जावास्क्रिप्ट टूल के रूप में रंग पिकर बनाने की आवश्यकता है।जावास्क्रिप्ट और एचटीएमएल कैनवास
सबसे पहले, और फ़ोटोशॉप के एक को देखते हुए, मैंने आरजीबी पैलेट को त्रि-आयामी मैट्रिक्स के रूप में सोचा। मेरी पहली envolved प्रयास:
<script type="text/javascript">
var rgCanvas = document.createElement('canvas');
rgCanvas.width = 256;
rgCanvas.height = 256;
rgCanvas.style.border = '3px solid black';
for (g = 0; g < 256; g++){
for (r = 0; r < 256; r++){
var context = rgCanvas.getContext('2d');
context.beginPath();
context.moveTo(r,g);
context.strokeStyle = 'rgb(' + r + ', ' + g + ', 0)';
context.lineTo(r+1,g+1);
context.stroke();
context.closePath();
}
}
var bCanvas = document.createElement('canvas');
bCanvas.width = 20;
bCanvas.height = 256;
bCanvas.style.border = '3px solid black';
for (b = 0; b < 256; b++){
var context = bCanvas.getContext('2d');
context.beginPath();
context.moveTo(0,b);
context.strokeStyle = 'rgb(' + 0 + ', ' + 0 + ', ' + b + ')';
context.lineTo(20, b);
context.stroke();
context.closePath();
}
document.body.appendChild(rgCanvas);
document.body.appendChild(bCanvas);
</script>
इस तरह
मेरे सोचा यह भी रेखीय है, लोगों को मैं फ़ोटोशॉप में और वेब पर देखने के लिए की तुलना है कुछ का परिणाम है। मैं इस तरह एक चयनकर्ता में रंग मानचित्रण के पीछे तर्क जानना चाहूंगा:
मैं वास्तव में algorythms ही जरूरत नहीं है, मैं मुख्य रूप से तर्क समझने की कोशिश कर रहा हूँ।
धन्यवाद
धन्यवाद, लेकिन मैं दो कारणों से स्क्रैच से एक बनाने की कोशिश कर रहा हूं: इसके मजाक के लिए और केवल कैनवास का उपयोग करके, imgs –
से स्वतंत्र "भाग के लिए" भाग निश्चित रूप से इसके लायक है! :) मैं शायद यह भी करूँगा। चीयर्स। – techfoobar