დღეს ჩვენ წარმოგიდგენთ სასარგებლო სკრიპტს Adobe Illustrator. იგი შეიქმნა ნიჭიერი უკრაინული დეველოპერული სკრიპტები და plug-ins for Adobe Illustrator და ჩემი მეგობარი - Yaroslav Tabachkovsky (Yemz), რომელიც ასევე ცნობილია, როგორც დეველოპერი უფასო mesh tormentor მოდული. RandomsSwatchesfill Script in შემთხვევითი მიზნით საღებავები შერჩეული ობიექტების ფერები შერჩეული swatches პალიტრა.
თქვენ შეგიძლიათ ჩამოტვირთოთ ჩამოტვირთვა Script უფასოდ ჩამოტვირთვის ღილაკს დასაწყისში ან ბოლოს ამ მიმოხილვა.
მოდით განათავსოთ სცენარი შემდეგ საქაღალდეში, მაგალითად:
იყიდება Windows: C: \\ Program ფაილი \\ Adobe \\ Adobe Illustrator CS5 \\ presets \\ en_gb \\ სკრიპტები
Mac- ისთვის: აპლიკაციები / Adobe \\ Adobe Illustrator CS5 \\ presets \\ en_gb \\ სკრიპტები
შემთხვევითი swatches- ის მაგალითისთვის, შეავსეთ ვექტორი, რომელიც შედგება მრავალფეროვანი მონოფონური ობიექტებისგან.
მე ყურადღებას გავამახვილო იმაზე, თუ რა ობიექტებს, რომელთა საშუალებითაც სკრიპტი გამოყენებული იქნება, უნდა იყოს განზრახული და ხაზგასმით აღინიშნოს. შერჩევის მოხსნის გარეშე, გახსენით swatches პანელი. გამოყენებით CTRL / Command Key, აირჩიეთ ფერები swatches საწყისი swatches პალიტრა გამოიყენება საღებავი ობიექტების.
ჩვენ ვიყენებთ randomswatchesfill script, რისთვისაც თქვენ გადასვლა ფაილი\u003e სკრიპტები\u003e შემთხვევითიsswatchesfill. შედეგად, ჩვენ მივიღებთ ფერადი ობიექტების მოხატული შემთხვევითი მიზნით.
ეს სკრიპტი შეიძლება გამოყენებულ იქნას როგორც მთელი ვექტორი სამუშაო და რამდენიმე ობიექტი. გამოყენება Lasso Tool (Q) ინსტრუმენტი, აირჩიეთ მრავალჯერადი ობიექტები და გამოყენებით Ctrl / Command Key, აირჩიეთ ფერები swatches პალიტრა, რომელშიც ჩვენ ხატავს ობიექტებს.
შედეგად, ვექტორული ნაწარმოების ნაწილი შედგენილი შემთხვევითი წესით შერჩეული ფერებით.
თქვენ შეგიძლიათ ექსპერიმენტი ფერები, გრადიენტი შევსება ან ნიმუშები swatches პანელში და ვნახოთ, რა ორიგინალური შედეგები შეიძლება მიღწეული. მე პირადად მინდა მადლობა გადაგიხადოთ ამ სკრიპტისთვის და იმედი მაქვს, რომ ეს სასარგებლო იქნება თქვენი ყოველდღიური შემოქმედებით სამუშაოსთვის და თქვენ გადაიხდით რუტინულ ტექნიკურ საკითხებზე.
სახელი არაფერს განმარტავს, მართალია. უკეთესად გამოიყურებოდეს სურათზე:
როგორც ჩანს, ეს არის სამი ნაბიჯი: იპოვეთ ნებისმიერი ფონის მოძებნა, ვექტორული მოღვაწეების თავზე, სკრიპტის დაწყება და მოშორებით მოღვაწეები. იმის უზრუნველსაყოფად, რომ ის ილუსტრატორს არ იძლევა CS6- ზე და მე ვფიქრობ, რომ ნებისმიერი (დამოწმებული CS3) Photoshop. გარეშე Photoshop ეს არ იმუშავებს. დიახ, და მაინც მოთმინება იქნება საჭირო)
განცალკევებით, ეს სკრიპტი მართლაც ცდილობს სცენაზე ფუნქციონირების ანალოგი (ფერადი რასტრული). ჩვენ მხოლოდ გვახსოვდეს, რომ მას მხოლოდ ოფიციალურ საიტზე დავინახე და არ ვიცი რეალურ სამუშაოში და არ ვიცი, როგორ რეალურად მუშაობდა (გარდა იმისა, რომ უფრო სწრაფად) და რა შესაძლებლობები ჰქონდა. რა გავაკეთე სწორედ ეს არის ის, რომ სათაურით ჩაწერილი ამოცანის განხორციელება, იმ სახით, რომელშიც მე შეძლო ეს გაგება და მხოლოდ ჩაშენებული სკრიპტის შესაძლებლობების გამოყენებით.
ახლა ოდნავ მეტია ყველა ეტაპზე:
1. ფონის ფონზე შეიძლება იყოს ნებისმიერი, რასტრული ან ვექტორი. ეს შეიძლება იყოს ორივე მყარი და იყოს რამე კოლაჟი. მხოლოდ მნიშვნელოვანია, რომ სკრიპტის სკრიპტი განიხილავს ყველაფერს, რაც ყველაზე დაბალია.
2. ვექტორული ობიექტები - ეს არის ის, რაც იქნება repaint. არსებითად, ჩვენ ვსაუბრობთ დახურულ ბილიკებზე, რომლებიც ქმნიან ნებისმიერ ფორმას. ნაერთები არ შეამოწმე, მე ვფიქრობ, რომ ისინი იგნორირებულია. ციფრები შეიძლება კომბინირებული ჯგუფებად, მათ შორის მრავალრიცხოვანი. შეიძლება ნიღბიანი იყოს (აუცილებელია მხოლოდ გონება, რომ ის დაიბრუნებს და ის ფაქტი, რომ "დამალული" ნიღაბი, და ეს არის დრო, დაახლოებით ქვედა). Repainting იქნება რა არის ტყუილი topmost ფენა. იგნორირებულია პირველი და ბოლო ფენები.
3. სცენარი და რეალურად მისი მუშაობა. Photoshop უნდა დაიწყოს სკრიპტის დაწყებამდე. ამ შემთხვევაში, სკრიპტი თავად გაივლის, მაგრამ ასე რომ, მხოლოდ დრო ზედმეტია. არ არის აუცილებელი, რომ არაფერი გამოყოს, თუ ფონზე და ობიექტების მზად არის და თქვენი ფენების გაშვება და. აქ არის კოვზი tar, ეს პროცესი ხანგრძლივი. მე არ შევეცდები ტექნიკური დეტალების გაუქმებას, პრობლემა, რა თქმა უნდა, ჩემი კრუიშია. ერთი გზა ან სხვა, საქმე ზუსტად არის საქმე. მაგალითად, თუ რა სურათზე სათაურში იყო დაახლოებით 10 წუთი, და მას ცოტა მეტი 400 hexagons. ისინი. ობიექტზე დაახლოებით 1.5 წამი. პროცესში ჩავარდნები, დრო იზრდება repaint. დაწყების შემდეგ, სკრიპტი დაურთოს რამდენი დრო დასჭირდება და იტყობინება. მაგრამ შეუძლებელი იქნება უარი (ჯერჯერობით).
მეორე კოვზი საფრენი, მაგრამ მხოლოდ Windows Computers- ის მფლობელები - თქვენი პროცესი გამოიყურება ილუსტრატორის მსგავსად (მე დავწერე "არ უპასუხა"). Photoshop სავარაუდოდ გაყინვას ფონზე repainting), მაგრამ იმისათვის, რომ ყველაფერი კარგად გავიგოთ, ან უბრალოდ თითქოს მხოლოდ პრეტენზია, მე დავამატე ხმის ჩვენება - სისტემური ბიოგრაფია თითოეული 10 რეპლიკირებული ობიექტის შემდეგ. თუ გაიგებთ ამ BIP (თუ არა ხმის ჩართული), მაშინ სკრიპტი მუშაობს, თქვენ უბრალოდ უნდა დაველოდოთ. სინამდვილეში, კომპიუტერი არ გათიშეთ, შეგიძლიათ გახსნათ ბრაუზერი)
Makovodas შეძლებს დაიცვას პროცესის repainting, ობიექტი უკან ობიექტი.
რამდენიმე ზოგადი სიტყვა:
შევსების ფერი არ არის ერთი წერტილიდან, მაგრამ ზომის ზომა ოდნავ ნაკლებია, ვიდრე repainted ობიექტის შემსუბუქების ყუთი ზომა.
ობიექტების repainting და ფონზე არ აუცილებლად უნდა განთავსდეს Artbed, არ აქვს მნიშვნელობა. სკრიპტის ოპერაციის დროს, Artboard ზომა მორგებული იქნება ყველა ხილული ფონზე და სამიზნე ობიექტებზე, ხოლო დასრულების შემდეგ, დაბრუნდა მის ადგილას. ამიტომ, თუ სამიზნე ობიექტი არ არის ფონზე ფონზე, და გარეთ Artboratory - ეს არის სავარაუდოდ მოხატული თეთრი, გარდა იმისა, რომ ის ოდნავ დაბინძურების მჭიდრო ფონზე გამო მახასიათებლები შერჩევა შუა ფერის (პუნქტის ზემოთ).
სკრიპტის ქვემოთ მითითება და მარტივი გამოცდის მაგალითი. უკეთესი უნდა დაიწყოს მასთან.
Ბმული:https://yadi.sk/d/agnobikymipbx.
Beta ტესტირება დასრულდა, მადლობა ყველას, ვინც სცადა!
აქტიური ტესტერებით, ჩვენ გავაგრძელებთ გაბატონებულ რეჟიმში.
ეს არის ბეტა ვერსია, იქნება გაუმჯობესება და Დამატებითი ფუნქციები დამოკიდებულია თუ არა ვინმეს რაიმე შეცდომები და ახალი ფუნქციები მოვა)
სკრიპტის იდეა მომცა art_of_sun, რისთვისაც მან მადლობა გადაგიხადოთ! თუ ვინმეს აქვს იდეები - მივესალმებით!
არის სასარგებლო სათამაშო? განსხვავებული და ჩემ გარეშე მგონია, მაგრამ იქნებ ეს შეიძლება იყოს უფრო საინტერესო გამოყენება? Თუ არა? ვინ ფიქრობს, რა არის კონკურენცია)
საგანი . Btn.cvet ღილაკს). გასაღები ჩარჩო, სცენარის შექმნა:var cvet: colorsformform.colortransformform; btn.cvet.addeventlistener (mouseevent.click, f); ფუნქცია F (მოვლენა: Mouseevent): ძალადაკარგულად (CVET.COLOR \u003d 0x0000FF; ROL.Transform.Colortransform \u003d CVET)
სკრიპტის ცვლილებები შეიძლება გაკეთდეს წითელზე იზოლირებული შემდეგი ფრაგმენტები: როლიკებით (როლი), ღილაკების (Btn.cvet), ცვლადი (CVET), ფუნქციები (F) და ფერადი ღირებულების (0000FF).
ჩვენ გავაანალიზებთ სკრიპტის მუშაობას:
- Roller Rol (ისევე, როგორც ყველა სიმბოლო) აქვს ტრანსფორმაციის ქონება, რომელიც შეიცავს ინფორმაციას სხვადასხვა ტრანსფორმაციებიგამოიყენება ობიექტისთვის (როგორიცაა გეომეტრიული კონვერტაცია, ფერადი პარამეტრები). ობიექტის ფერის ამოცანასთან დაკავშირებულ კონვერტაციის გამოყენება, ფერისტრანსპორტის ქონება გამოიყენება.
- შექმნილი ახალი CVET ცვლადი იღებს ROL Roller თვისებების მნიშვნელობას, რომელიც დაკავშირებულია ფერადი პარამეტრებით.
- ჩვენ შევცვლით ფერის ქონების ფერთა ღირებულებას ახალი:
0000FF - Hexadecimal პრეზენტაცია RGB ფორმატში: წითელი, მწვანე და ლურჯი ფერები იქმნება ორნიშნა ნომრის სახით ჰექსადეციალური კოდით (16-tiric კოდექსში არაბული მოღვაწეები 0-9 და ლათინური ასოები A, B, C , D, E, F გამოიყენება რიცხვების 10, 11, 12, 13, 14 და 15-ის ანალოგიების ანალოგიზე. ობიექტის შედეგების ფერი მიღებულია განსაზღვრულ პროპორციებში სამი ფერის შერევით.
- ჩვენ განაახლეთ ROL ობიექტის Colortransform- ის ქონების (წარმოების ფერი კორექცია).
პრაქტიკული სამუშაო ნომერი 1
შექმნა როლიკებით სცენაზე (ობიექტი შეღწევადობის - სახელით Rol) და 2 ღილაკები (Btn.cvet1 და btn.cvet2), სიმბოლოს 2 ფერის ფერი პალიტრა. დაჭერით თითოეული ღილაკი stains როლიკებით ფერი ფიქსირებული ღილაკს. გარეგნობა ღილაკები უნდა ლაპარაკობდნენ თავიანთ დავალებას (ვთქვათ, ღილაკების ფერი შეესაბამება ობიექტის ფერს).
სკრიპტში, თქვენ უნდა შექმნათ ცვლადი კითხვის ფერის ობიექტისა და სამუშაოსთვის მასზე ორი ფერისთვის, რომელიც დამოკიდებულია ღილაკზე დაჭერით:
var cvet: colorsformform.colortransformform; btn.cvet1.addeventlistener (mouseevent.click, f1); ფუნქცია F1 (მოვლენა: Mouseevent): VOID (CVET.COLOR \u003d 0x0000F; rol.transform.Colortransform \u003d cvet;) btn.cvet2.addeventlistener (mouseevent.click, F2); ფუნქცია F2 (მოვლენა: Mouseevent): ძალადაკარგულად (cvet.color \u003d 0x00FF00; roll.transform.Colortransformformform \u003d cvet;)
პრაქტიკული სამუშაო ნომერი 2.
შექმენით 2 ღილაკი სცენაზე (ობიექტების შეჩერება - სახელები Rol1, Rol2) და 2 ღილაკები (სიმბოლო 2 ფერის ფერი პალიტრა - ერთად Btn.cvet1 და btn.cvet2 სახელები). დაჭერით ფერი პალიტრა ღილაკს - აირჩიეთ ფერი; დაჭერით ობიექტის ღილაკების შეღებვა მივყავართ მათ შერჩეული ადრე ფერი. ფერადი პალიტრა ღილაკების გამოჩენა მათ მიზანს უნდა ისაუბროს.
იმისათვის, რომ გააკეთოთ ობიექტი, თქვენ უნდა შეასრულოს 2 ნაბიჯი:
- აირჩიეთ ფერი;
- აირჩიეთ ობიექტი, რომელიც შეირჩევა შერჩეული ფერით.
var cvet: colortransformform.Coltransform; btn.cvet1.addeventlistener (mouseevent.click, f1); ფუნქცია F1 (მოვლენა: Mouseevent): VOID (CVET.COLOR \u003d 0x0000F;) btn.cvet2.addeventlistener (mouseevent.click, F2); ფუნქცია F2 (მოვლენა: Mouseevent): ძალადაკარგულად (CVET.COLOR \u003d 0x00FF00;) rol1.addeventlistener (mouseevent.click, F3); ფუნქცია F3 (მოვლენა: Mouseevent): ძალადაკარგულად (rol1.transform.colortransform \u003d cvet;) rol2.addeventlistener (mouseevent.click, f4); ფუნქცია F4 (მოვლენა: Mouseevent): ძალადაკარგულად (rol2.transform.Colortransforrans \u003d cvet;)
საღებარი ობიექტები სხვადასხვა ობიექტების ფერის ანალიზის გარეშე, როგორც წესი, აზრი არ აქვს. აპლიკაციის შექმნისას, რომელშიც ობიექტების შეღებვა გამოიყენება შერჩევის ინსტრუმენტად ეს ობიექტი, აუცილებელია ოპერაციის დროს ობიექტების მიერ მოპოვებული ფერების ანალიზი. არსებობა პროგრამული უზრუნველყოფა ობიექტის ფერის ანალიზი.
ჩვენ განვიხილავთ მაგალითს სამუშაოს, რომელშიც ფერის ანალიზი ხდება "მეხსიერების" მიერ შერჩეული ფერის ფიგურის ფერისთვის (და არა "ანალიზს", რომელიც უკვე მოხატული ფიგურაა).
დავუშვათ, რომ საჭიროა გეომეტრიული მოღვაწეების კომპლექტიდან მოთავსებული სკვერების, სამკუთხედების და როლების აღსანიშნავად: ერთ ფერში სკვერების ხატვა, სამკუთხედები განსხვავებულია და ა.შ.
ნახაზი. 22.1.განაცხადის ინტერფეისი "ფერადი ანალიზი"
სკრიპტი გამოცხადდა ცვლადი ტიპი ნომერი:
- c (შერჩეული ფერის შესახებ ინფორმაციის შენახვისთვის),
- fLA.1, FLA.2, FLA.3 (თითოეული წრეების შედეგად მიღებული ფერის შესახებ ინფორმაციის შენახვისთვის).
"Check" ღილაკი მოთავსებულია სცენაზე და დინამიურ ტექსტურ სფეროში (TTT), რომელშიც გამოჩნდება ინფორმაცია სწორი / არასწორი წრის ფერის შესახებ.
ყველა ფიგურის სწორი ფერის შემთხვევაში (ფილიალის გუნდის ლოგიკური გამოხატულება მართალია, როდესაც სიმართლე სამივე სამი მარტივია ლოგიკური გამონათქვამები - პირველი და (&&) მეორე და (&&) მესამე) ტექსტის ქონების დინამიური ტექსტური ველი TTT ენიჭება "Verno", წინააღმდეგ შემთხვევაში - "Ne Verno":
... Pr.Addeventlistener (mouseevent.click, F7); ფუნქცია F7 (ღონისძიება: Mouseevent): ძალადაკარგულად (თუ (fla.1 \u003d\u003d 1) && (fla.2 \u003d\u003d 2) && (fla.3 \u003d\u003d 3)) (ttt.text \u003d "verno";) (ttt.text \u003d "ne verno";))
მოკლე ლექციები:
სიმბოლოს აქვს ტრანსფორმაციის ქონება, რომელიც შეიცავს ინფორმაციას სხვადასხვა ტრანსფორმაციის შესახებ, რომელიც გამოიყენება ობიექტზე (როგორიცაა გეომეტრიული კონვერტაცია, ფერადი პარამეტრები). ობიექტის ფერის ამოცანასთან დაკავშირებულ კონვერტაციის გამოყენება, ფერისტრანსპორტის ქონება გამოიყენება.
პირადად, მე მივიღე ეს სკრიპტი, როდესაც შექმნის თქვენი ახალი მოდული, რათა შეუკვეთოთ ზარი. ეს პალიტრა ხელს უწყობს მომხმარებლის ღილაკს და წესრიგის ფორმას. დიდი ხნის განმავლობაში მე აიყვანეს სასურველი სცენარი და როგორც ჩემთვის, ეს არის ერთ ერთი საუკეთესო. გარდა ამისა, მან, როგორც მე ვთქვი, ადვილად იმპლანტირებული. მაგალითი იმისა, თუ რა მოხდება თქვენგან, როგორც ჩანს, ქვემოთ მოცემულ მაგალითში. არჩევა ფერი კურსორი გრადიენტურ სფეროებში.
ასეთი პალიტრა, თქვენ უნდა გააკეთოთ 4 ნაბიჯი. დავიწყოთ მარკირების მიზნით Html. თქვენ უნდა დაამატოთ ის, სადაც გსურთ პალიტრა თავად.
მთავარი მშობელი ბლოკი IIDI - ფერი- picker. იგი დაასკვნა სამი ძირითადი ბლოკები, რომელიც შიგნით შვილობილი კომპანიები, რომლებიც ქმნიან ჩვენი პალიტრის სტრუქტურას. მოდით გავაანალიზოთ ისინი ქვემოთ მოცემულ სურათზე.
- ბლოკი idi picker-wrapper. - ეს არის პირველი ბლოკი. პასუხისმგებელია მოედანზე გამომავალი იმავე ფერის გრადიენტით, რათა შეარჩიოს მისი ჩრდილში. Inside ეს, ბლოკი გრადიენტი თავად და ბლოკი, რომელიც პასუხისმგებელია მაჩვენებელი.
- ბლოკი idi pCR-wrapper - მეორე ბლოკი პასუხისმგებელია ბლოკზე, რომელიც აჩვენებს ყველა ფერის ფორმას გრადიენტის სახით. შიგნით ბლოკის გრადიენტი და ბლოკი, რომელიც აჩვენებს სლაიდერს, რომელიც გადადის ქვემოთ.
- Ul სია iidi ფერადი ღირებულებები. - მასში რამდენიმე ელემენტია. პირველი სამი, დიაგრამაში ისინი დათვლილია - 3. ისინი ყვავილების კოდებს სამი ფორმატში მოუტანს - RGB, HSV, Hex.
- ბლოკი სურათზე არის ის, რომ ნომერზე 4, ეს არის წინა სიის ერთ-ერთი ელემენტი. ეს არის ბოლო li პუნქტი. IS- ის შიგნით IIDI- ით pcr_bg.. ეს ერთეული აჩვენებს მიმდინარე შერჩეული ფერის.
თქვენ შეგიძლიათ, თქვენი საჭიროებების მიხედვით, შეცვალოს ადგილები ან ამოიღონ ის ელემენტები, რომლებიც არ არის საჭირო. როდესაც პალიტრა დამონტაჟებით სრულიად სრულდება, მაშინ თქვენ შეგიძლიათ უფრო დეტალურად გაერკვნენ და განსაზღვრონ პალიტრის ერთი ან სხვა ელემენტის შეცვლა.
პალიტრის ინსტალაციის მეორე ნაბიჯი სტილის დამატება იქნება CSS.. თქვენ დაამატოთ ისინი, როგორც წესი, თქვენი საიტის სტილის ფაილში, ან ამ პუნქტში, რომელიც დაკავშირებულია ამ ფერის პალიტრასთან.
# ფერადი- picker (ზღვარი: 25px auto; სიგანე: 450px;) # ფერადი ღირებულებები (ჩვენება: ბლოკი; სიის სტილი: არცერთი ფერი: # 222; მარცხნივ: 0 0 0 15px; padding: 0 0 0 15px; 5px; ტექსტის გასწორება: მარცხნივ;) #pcr_bg (სიმაღლე: 135px;) .Picker-wrapper, .pcr-wrapper (პოზიცია: ნათესავი: მარცხნივ;) .Picker- მაჩვენებელი, .Picker- მაჩვენებელი, მარცხენა: 0; .Picker, .Picker, .Picker, .Prick (Cursor: Crosshair, Float: მარცხენა;) .CP-default .Picker (სიგანე: 200px; სიმაღლე: 200px;) .CP-default. ; სიმაღლე: 200px;) .CP-default .pcr-wrapper (ზღვარი მარცხნივ: 10px;) .CP-default .Picker- მაჩვენებელი (სიგანე: 5px; სიმაღლე: 5px; სასაზღვრო: რადიუსი: 4px; - საზღვრისპირა-რადიუსი: 4px; -Webkit-Border-Radius: 4px; სასაზღვრო-რადიუსი: 4px; opacity: .5; -მდე-ფილტრი: "Progid: dximagetransformansform.microsoft.alpha (opacity \u003d 50 ) ფილტრი: Progid: dximagetransformform.microsoft.alpha (opacity \u003d 50); ფილტრი: Alpha (opacity \u003d 50); ფონის ფერი: თეთრი;) .CP-default .pcr- მაჩვენებელი (სიგანე: 100%; 10px; lef. T: -4PX; Opacity: .6; -MS-Filter: "Progid: dximagetransform.microsoft.alpha (opacity \u003d 60)"; ფილტრი: Progid: dximagetransform.microsoft.alpha (opacity \u003d 60); ფილტრი: ალფა (Opacity \u003d 60); სასაზღვრო: 4px მყარი lightblue; -მოს-სასაზღვრო-რადიუსი: 4px; -ო-სასაზღვრო რადიუსი: 4px; -თებკიტ-სასაზღვრო-რადიუსი: 4px; სასაზღვრო რადიუსი: 4px; ფონის ფერი: თეთრი; )
მე არ ვიღებ CSS- ში. როგორც მან განაცხადა, პალიტრა ნაკლებად სავარაუდოა, რომ დაიწყოს დამწყები, და გამოცდილი CSS იცნობს. მე ვფიქრობ, რომ თქვენ გაუმკლავდეთ რა პარამეტრს, რა არის პასუხისმგებელი. გადადით მომდევნო ნაბიჯზე.
მესამე პუნქტი, რომ თქვენ უნდა გააკეთოთ დაკავშირება ფაილი, რომელიც შეიცავს ფერი პალიტრა სკრიპტი თავად. ფაილი თავად იქნება არქივში ამ მუხლის კოდით. თქვენ შეგიძლიათ ჩამოტვირთოთ, ქვემოთ მითითებით.
ფაილი ეწოდება colorpicker.min.js.. დაკავშირება მას სათავეში ან საიტის სარდაფში, თუ თქვენ აჩვენებთ პალიტრა საიტზე. თუ მოდულში, მოდული და ა.შ., მაშინ, სადაც თქვენ დაკავშირება დარჩენილი სკრიპტები. ბუნებრივია, მიუთითეთ სწორი გზა ფაილი.
კარგად, ბოლო ნაბიჯი არის სკრიპტის დასაკავშირებლად, რომელიც მართავს Lartern ფასეულობების გამონსტაჟებას, ასევე, ის დაიწყებს მუშაობას. სკრიპტი საუკეთესოა პალიტრა ბლოკის შემდეგ HTML- ით.
რამდენიმე მომენტი შეიძლება კონფიგურირებული იყოს სკრიპტში. მოდით მაინტერესებს ისინი. რა შეიძლება შეიცვალოს იწყება მე -9 ხაზით.
- მე -9 ხაზი - ბლოკი IIDI - hex.IX ფორმატში ფერადი ღირებულება ენიჭება. რომ თქვენ გულისხმობთ სიაში, რომ სურათზე ზემოთ ნომერი 3, პირველი ხაზი. ამდენად, თქვენ შეგიძლიათ დაავალოს ფერი კოდი ნებისმიერი ბლოკის მისი გამომავალი.
- მე -10 ხაზი - IIDI- ის ბლოკი - rGB.ანიჭებს RGB ფორმატში ღირებულებას. ყველა მსგავსი წინა წერტილი.
- მე -11 ხაზი - ბლოკი IIDI - hSV., აძლევს ღირებულებას HSV ფორმატში.
- მე -13 ხაზი - ბლოკი Iidy - pcr_bg.სტილი ენიჭება, შესაბამისი Hex ფორმატის ფონზე. ეს ნიშნავს, მოედანზე, რომელიც აჩვენებს მიმდინარე ფერი. ანალოგიურად, თქვენ შეგიძლიათ გაიყვანოთ ფერი პალიტრა, მაგალითად, გარკვეული ბლოკის ადგილზე და ასე შემდეგ.
- მე -15, ბოლო ხაზი, ადგენს ნაგულისხმევას. თქვენ შეგიძლიათ მიუთითოთ საკუთარი, Hex ფორმატში.
ეს არის არსებითად ყველა ფერი ფერი პალიტრა. როგორც მან თავიდანვე განაცხადა, ახალბედა არ შეიძლება დაეხმაროს, ის განკუთვნილია უფრო გამოცდილი ვებმასტერებისთვის. ვიმედოვნებ, რომ ის დაგეხმარებათ.
ეს ყველაფერი, მადლობა თქვენი ყურადღება. 🙂
ეს ბლოკი ფიქრობს, ძალიან სასარგებლო იქნება, განსაკუთრებით იმ შემთხვევაში, როდესაც თქვენ უნდა ავაშენოთ იგი თქვენს საიტზე. ეს ფერი Picker ერთეული მუშაობს JavaScript. მოდით შევხედოთ, თუ როგორ უნდა დაამატოთ იგი საიტზე და აღსანიშნავია ეს jQuery მოდული.
სამუშაო კოდით
უპირველეს ყოვლისა, ჩვენ გვჭირდება დასაკავშირებლად JavaScript და CSS ფაილი.ს. ნუ დაგავიწყდებათ, რომ შეცვალონ CSS ფაილის რედაქტირება და სურათების ბილიკების გამოსწორება (საჭიროების შემთხვევაში), თქვენი საიტის თემის მიხედვით.
Xhtml
პარამეტრების მოდული
საბაჟო დანამატი პარამეტრები (სურვილისამებრ).
- eventName - სასურველი ღონისძიება, მოვუწოდებთ ფერი შერჩევის ფუნქცია, By Default: Click ".
- ფერი - ნაგულისხმევი ფერი. სიმებიანი Hex ფერი ან hash for RGB და HSB ((R: 255, R: 0, B: 0)), default: "FF0000".
- ბინა - ჩვენება ფერის შერჩევის ერთეული დაუყოვნებლივ ან მხოლოდ დაწკაპუნებით, ნაგულისხმევი მნიშვნელობა არის მცდარი.
- livePreview - ნაგულისხმევი ჭეშმარიტი.
- onshow - Callback ფუნქცია გამოიწვია, როდესაც ფერი შერჩევის ერთეული ნაჩვენებია.
- onbeforeshow - Callback ფუნქცია მუშაობს სანამ ფერი შერჩევის ერთეული იყო ნაჩვენები.
- onhide - Callback ფუნქცია გამოიწვია, როდესაც ფერი შერჩევის ერთეული იმალება.
- onchange - Callback ფუნქცია გამოიწვია, როდესაც ფერი ცვლილებები.
- onsubmit - Callback ფუნქცია გამოიწვია, როდესაც არჩევის ფერი.
ვიმედოვნებ, რომ მომეწონა ეს მოდული. გისურვებთ წარმატებას და განვითარებას თქვენს საიტზე!
ეს გაკვეთილი თქვენთვისაა თქვენთვის საიტის გუნდისთვის.
წყარო წყარო: http://www.eyecon.ro/colorpicker/
თარგმნა: ვლადისლავ ბონდარენკო
