آموزش HTML5 | تگ Canvas تعداد بازدیدvisits : 1571
|
|||||||||
amirmohsen
|
آموزش HTML5 | تگ Canvas سلام،این هم آموزش: ایجاد بوم: میتوانید مکانی از صفحه را به عنوان بوم تعیین کنید تا شکل ها وخط ها را رسم کنید، و عکس و متن اضافه کنید. این ناحیه را با تگ تعریف خواهید کرد. میتوانید ابعاد بوم را توسط صفت Width و Height تعیین کنید. این تگ به تنهایی عنصری را رسم نمی کند! بلکه فضایی از صفحه را مشخص میکند که شما میتوانید با استفاده از کدهای جاوااسکریپت در آن نقاشی بکشید. تگ Canvas یکی از تگ های HTML5 است. آموزش ایجاد بوم: درمکان مورد نظر خود عبارت زیر را تایپ کنید: کد: <canvas></canvas> سپس عبارت: کد: Id="?" را در روبروی آن تایپ نمایید.... با استفاده از صفت های زیر می توانید ابعاد آن را مشخص کنید: کد: width="اندازه مورد نظرpx" height="اندازه مورد نظرpx" با این آموزش به راحتی توانستید یک بوم بسازید! منبع: لینک :)
|
||||||||
دوشنبه 15 مهر 1392 - 15:39 |
|
connor
|
پاسخAnswer 1 : آموزش HTML5 | تگ Canvas حالا بووووم چی چی هست؟ |
||||||||
دوشنبه 15 مهر 1392 - 17:36 |
|
god-of-dance
|
پاسخAnswer 2 : آموزش HTML5 | تگ Canvas واقعا حالا بوم چی هستش؟ (طراحی رایگانــــــــ قالب برای شما / مسابقه کلیک کنید. ) [پیـــــک نیـــــک] [بـــــلاگ جـــام] (طراحی حرفه ای قالب های وبلاگدهی و شاید وردپرس در دو سایت بالا) (طراحی فوق حرفه ای بنر , لوگو , و . . . . در بلاگ جام با قیمتی ارزان و کیفیت بالا) |
||||||||
دوشنبه 15 مهر 1392 - 17:41 |
|
erfanlink
|
پاسخAnswer 3 : آموزش HTML5 | تگ Canvas لطفا یک دمو بزار |
||||||||
دوشنبه 15 مهر 1392 - 17:55 |
|
admin
|
پاسخAnswer 4 : آموزش HTML5 | تگ Canvas کار با تگ canvas ساده نیست. بدون جاوا اسکریپت اصلا این تگو یاد نگیرین بهتره ... توی مرورگر های قدیمی هم عمل نمی کنه ... در اصل یه عکس هست که میشه با جاوا اسکریپت توش نقاشی کرد. همین ابزار آخری که داخلش متن می نویسی تبدیل به کاراکترش می کنه قبل از این که تبدیل به کاراکتر بکنه اول متن رو می نویسه توی canvas بعد اون عکس رو تبدیل به کاراکتر می کنه اینطوری که هر جاش رنگی غیر از سفید بود یه کاراکتر میذاره هر جاش یه چیز دیگه بود یه کاراکتر دیگه میذاره به خاطر همین اون ابزار از همه زبون ها و کاراکتر ها و فونت هایی که توی کامپیوترتون نصب هست پشتیبانی می کنه. با تشکر !Whatever you DISRESPECT, you'll never have the ability to ACCESS
|
||||||||
دوشنبه 15 مهر 1392 - 18:21 |
|
حمایت شده: | سپاس هاThanks (1) : erfanlink - |
amirmohsen
|
پاسخAnswer 5 : آموزش HTML5 | تگ Canvas ممنون که توضیح دادید! الان جاواش رو هم میزارم... :)
|
||||||||
دوشنبه 15 مهر 1392 - 18:59 |
|
amirmohsen
|
پاسخAnswer 6 : آموزش HTML5 | تگ Canvas این کد تستر: لینک خب پس از ایجاد بوم (توضیح دادم :دی) باید زیر کدی که در بالا اموزش دادم تگ اسکریپت رو بنویسید و توش اینو کپی کنید: کد: Var canv= document.getElementById('آیدی که در آموزش بالا گفتم'); سپس تگ اسکریپت را ببندید. حالا که اینو نوشتید اگر یکمی سی اس اس بلد باشید میتونید به راحتی براش استایل بزارید! مثل مثال زیر: کد: <style> :)
|
||||||||
دوشنبه 15 مهر 1392 - 19:09 |
|
admin
|
پاسخAnswer 7 : آموزش HTML5 | تگ Canvas اینم مثال براتون یکی ساختم ببینید منظورم چیه: کلیک !Whatever you DISRESPECT, you'll never have the ability to ACCESS
|
||||||||
دوشنبه 15 مهر 1392 - 19:36 |
|
design7
|
پاسخAnswer 8 : آموزش HTML5 | تگ Canvas اینم ی مثال دیگ البته ی شکل سادست |
||||||||
سه شنبه 16 مهر 1392 - 00:41 |
|
admin
|
پاسخAnswer 9 : آموزش HTML5 | تگ Canvas اینم به افتخار خودم :دی !Whatever you DISRESPECT, you'll never have the ability to ACCESS
|
||||||||
سه شنبه 16 مهر 1392 - 13:34 |
|
admin
|
پاسخAnswer 10 : آموزش HTML5 | تگ Canvas درضمن کپی برداری از اون دو کدی که دادم فقط با درج لینک منبع مجاز می باشد. به اسم خودتون هم نزنیدش با تشکر !Whatever you DISRESPECT, you'll never have the ability to ACCESS
|
||||||||
سه شنبه 16 مهر 1392 - 13:35 |
|