تبلیغات :
ماهان سرور
آکوستیک ، فوم شانه تخم مرغی ، پنل صداگیر ، یونولیت
فروش آنلاین لباس کودک
خرید فالوور ایرانی
خرید فالوور اینستاگرام
خرید ممبر تلگرام

[ + افزودن آگهی متنی جدید ]




صفحه 1 از 2 12 آخرآخر
نمايش نتايج 1 به 10 از 15

نام تاپيک: ایجاد پس زمینه ی Gradient به وسیله جاوااسکریپت

  1. #1
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض ایجاد پس زمینه ی Gradient به وسیله جاوااسکریپت

    سلام به همه دوستان، آشنایان و نزدیکان

    توجه: تمامی مشکلات این اسکریپت برطرف شد، حالا می تونید ازش با خیال راحت استفاده کنید.

    بی مقدمه می ریم سر اصل مطلب:

    من دیروز یه تابع نوشتم برای اینکه یه پس زمینه ی گرادینت درست کنه، البته با جاوااسکریپت، خوبیش هم اینه که دیگه نیاز به ساختن عکس توسط نرم افزارهای گرافیکی رو نداره.
    این تابع cross browser هست و با تمامی مرورگرهای معروف فعلی همخوانی داره.

    تابعی رو که نوشتم کدش زیر هست:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    یه توضیح هم در رابطه با طرز استفاده از این تابع:

    آرگومان elm: این آرگومان وظیفه داره تا اون المنتی که شما قصد ایجاد پس زمینه ی گرادینت رو دارید، id المنت مربوطه رو بگیره.

    آبجکتهای startPoint و endPoint:
    startPoint: نقطه ی شروع.
    endPoint: نقطه ی پایان.

    اینم یه Sample:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    سوالی داشتید در خدمتم.
    Last edited by eAmin; 19-02-2009 at 11:10.

  2. 6 کاربر از eAmin بخاطر این مطلب مفید تشکر کرده اند


  3. #2
    حـــــرفـه ای Bill Gates's Avatar
    تاريخ عضويت
    Jan 2008
    محل سكونت
    @ Company
    پست ها
    3,465

    پيش فرض

    یه عکس از نمونه اش هم بزار بیشتر پر نور بشیم
    تشکر//

  4. #3
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    یه عکس از نمونه اش هم بزار بیشتر پر نور بشیم
    تشکر//
    انجام شد

  5. #4
    کاربر فعال انجمن موسیقی David.Jn's Avatar
    تاريخ عضويت
    Jul 2007
    پست ها
    2,070

    پيش فرض

    كار ديگه از تشكر كردن گذشته بود
    خيلي خوبه

    ولي يه مشكل كوچولو داره اونم اينه كه وقتي اون div را بزگتر ميكني ecolor خيلي كمرنگ ميشه
    و يا وقتي ميخواي تمام صفحه كني(768*1024) يه سايز كوچيكي حدود 400*200 را نشون ميده اونم با ecolor كمرنگ

  6. این کاربر از David.Jn بخاطر این مطلب مفید تشکر کرده است


  7. #5
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    كار ديگه از تشكر كردن گذشته بود
    خيلي خوبه

    ولي يه مشكل كوچولو داره اونم اينه كه وقتي اون div را بزگتر ميكني ecolor خيلي كمرنگ ميشه
    و يا وقتي ميخواي تمام صفحه كني(768*1024) يه سايز كوچيكي حدود 400*200 را نشون ميده اونم با ecolor كمرنگ
    سلام.

    ممنون زیباترین جان، تا حالا به اینش فکر نکرده بودم!
    می رم روش کار می کنم شاید درست شد، یا شایدم نه، بستگی داره به مرورگرهایی که از تگ canvas استفاده می کنن، باید دید یه باگه یا مشکل از کدنویسیه من هست.

    مرسی اگه اینو گوشزد نمی کردی هرگز دنبالش نمی رفتم.

  8. این کاربر از eAmin بخاطر این مطلب مفید تشکر کرده است


  9. #6
    کاربر فعال انجمن موسیقی David.Jn's Avatar
    تاريخ عضويت
    Jul 2007
    پست ها
    2,070

    پيش فرض

    يه چيز يادم رفت بگم !!!
    دور div يه border بده ببين چه جوري ميشه.
    يه فضاي خالي پايين گراديانت ايجاد ميشه .
    البته فقط تو opera اينو ديدم

    اگه بتوني درستش كني كه خيلي باحال ميشه

  10. #7
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    سلام.

    با تشکر فراوان از زیباترین جان عزیز...

    خب مشکلش رو فهمیدم، اشکال از کدنویسی من بود

    بعضی از مشکلهایی که تا حالا برطرف شده:
    وقتي ميخواي تمام صفحه كني(768*1024) يه سايز كوچيكي حدود 400*200 را نشون ميده اونم با ecolor كمرنگ
    به خوبی و خوشی رفت توی خونشون!
    ----
    وقتي اون div را بزگتر ميكني ecolor خيلي كمرنگ ميشه
    این یکی هنوز مشکل داره ولی بعضی از سایزها رو درست کردم، البته روش جالبی رو به کار نبردم و ازش خوشم نیامد ولی فعلا کار راه انداز هست.

    مشکل border رو من بر خلاف تو توی اپرا ندارم و در فایرفاکس اینجوری هست، البته خیلی محسوس نیست.
    فعلا این کد تا اینجای کار شده این هر وقت کامل شد توی پست اول می زارم.
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    Last edited by eAmin; 27-10-2008 at 11:35.

  11. 3 کاربر از eAmin بخاطر این مطلب مفید تشکر کرده اند


  12. #8
    کاربر فعال انجمن موسیقی David.Jn's Avatar
    تاريخ عضويت
    Jul 2007
    پست ها
    2,070

    پيش فرض

    مشکل border رو من بر خلاف تو توی اپرا ندارم و در فایرفاکس اینجوری هست، البته خیلی محسوس نیست.
    نميخواستم بازم بيام مشكل تراشي كنم ولي چون ديدم ميخواي كد بهينه شدشو بزاري گفتم بگم بهت
    شما سايز 100*100 تا 300*300 را امتحان كن اين فضاي خالي را مشاهده ميكني
    به اين صورت كه پهناي گراديانت به اندازه هرdiv پر نميشه.
    حدودآ يك سومش ازسمت راست فصاي خالي ميشه.(هم تو فاير فكس هم اپرا)

    ولي كارت خيلي درسته.

  13. این کاربر از David.Jn بخاطر این مطلب مفید تشکر کرده است


  14. #9
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    نميخواستم بازم بيام مشكل تراشي كنم ولي چون ديدم ميخواي كد بهينه شدشو بزاري گفتم بگم بهت
    شما سايز 100*100 تا 300*300 را امتحان كن اين فضاي خالي را مشاهده ميكني
    به اين صورت كه پهناي گراديانت به اندازه هرdiv پر نميشه.
    حدودآ يك سومش ازسمت راست فصاي خالي ميشه.(هم تو فاير فكس هم اپرا)

    ولي كارت خيلي درسته.
    سلام.

    می گم تو در آینده دیباگر خوبی می شی! هر کی تو رو انتخاب کنه مطمئن باش پشیمون نمی شه.

    آره حالا منظورت رو فهمیدم، مرسی.
    من می تونم تمام این مشکلات رو برطرف کنم، ولی دارم دنبال یه راه بهتری می گردم. چون این راههایی که من پیدا کردم، همشون یه جور استاتیکن و به طور خودکار عمل درستی رو انجام نمی دن، این مشکل دقیقا توی کدی که نوشتم دیده می شه. می بینی اگر من بخوام با این روش پیش برم، حجم کد 2 برابر می شه و وقت گیر هم هست، ولی فعلا باید با همین روش پیش برم تا شاید راه بهتری پیدا کنم.
    اینایی که گفتم در مورد border هم صدق می کنه.
    Last edited by eAmin; 27-10-2008 at 17:50.

  15. این کاربر از eAmin بخاطر این مطلب مفید تشکر کرده است


  16. #10
    حـــــرفـه ای eAmin's Avatar
    تاريخ عضويت
    Aug 2007
    محل سكونت
    Node.js
    پست ها
    2,259

    پيش فرض

    سلام.

    فقط نیم ساعت کارداشت هاااا.

    مشکل هم این بود که باید مقدار طول و عرض canvas رو می گرفتم و توی متد fillRect می ریختم، در صورتی که من قبلا مقداره elm رو می ریختم. ولی هر چی فکر می کنم باز هم با عقل جور در نمی یاد، اونم اینه که هر دو یک مقدار رو دارن پس چرا الکی گیر می داد؟؟!!؟!؟!

    خلاصه حالا دیگه تمامی مشکلات حل شد، و دیگه هیچ مشکلی وجود نداره، می تونید با خیال راحت ازش استفاده کنید

    اینم از کد:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    راستی آبجکتهای scolor و ecolor به startPoint و endPoint تغییر کردن.

    ممنون از همتون، مخصوصا زیباترین جان ( اسمش رو هم هنوز نمی دونم ).
    Last edited by eAmin; 19-02-2009 at 11:05.

  17. این کاربر از eAmin بخاطر این مطلب مفید تشکر کرده است


صفحه 1 از 2 12 آخرآخر

Thread Information

Users Browsing this Thread

هم اکنون 1 کاربر در حال مشاهده این تاپیک میباشد. (0 کاربر عضو شده و 1 مهمان)

User Tag List

برچسب های این موضوع

قوانين ايجاد تاپيک در انجمن

  • شما نمی توانید تاپیک ایحاد کنید
  • شما نمی توانید پاسخی ارسال کنید
  • شما نمی توانید فایل پیوست کنید
  • شما نمی توانید پاسخ خود را ویرایش کنید
  •