سلام
امروز یک ابزار ساختم که بوسیله اون میتونید نقاشی بکشید.
خودم که خیل باهاش حال کردم.باهاش چیزای عجیب و غریب میشه بکشی.
امکانات:
رنگ آمیزی (مناسب برای بچه ها : دی!)
گرد کردن گوشه ها و اشکل جالب
رنگ کردن هر پیکسل با Gradient CSS
دارای دو انیمیشن زیبا (بازی با رنگ ها)
قابلیت نوشتن متن
قابلیت انتخاب رنگ قاب طرح ها
و... (خودتون کشف کنید! بازم : دی)
انیمیشن هاش خیل قشنگه!
به قول محمد تمامی حقوق این ابزار متعلق به این سایت (Moisrex.rozblog.com) هست و هر گونه کپی برداری پیگرد قانونی خواهد داشت!!!!
دوستای عزیز...وقتی رفتید توی لینک...طبق تصویر ، روی new Preview کلیک کنید...
در ضمن این کد بیشتر جنبه ی آموزشی داره...شاید هم بشه خیلی جاهاش رو کوتاه کرد...ولی برای آموزش خوبه...
منم قبلا یچیزی خیلی ساده تر از این ساخت بودم ولی امکاناتش کم بود..
چند تا پیشنهاد برات دارم
یه امکان بزار طرف بتونه لینک نقاشیشو بگیره و اونو با کوتاه کننده لینک کوتاه کن تا بتونیم نقاشی رو اشتراک بزاریم
و وقتی مثلا من لینک نقاشی تورو میگیرم نقاشی اروم کشیده بشه ...
دوستان این رو بگم که میتونید توی بخش کد گرادینت توی این ابزار به جای استفاده از گرادینت به این صورت عمل کنید:
url(img adress)
که به جای img adress آدرس تصویرتون که توی وب هست رو قرار بدید.اینطور میتونید از تصاویر به عنوان زمینه استفاده کنید.
توجه: وقتی میخواید کدی رو توی باکس گرادینت قرار بدید (چه آدرس تصویر و چه کد گرادینت) از کاراکتر ; که معمولا در آخر دستورات css استفاده میشه و همچنین از نوشتن کلمه background-image: خودداری کنید چون به طور خودکار این دوتا به کدی که در باکس گرادینت اضافه کردید اضافه میشند و لازم نیست خودتون بنویسیدش.
برای مثال من میخوام گرادینت اضافه کنم برای نمونه یه کد به این شکل میزارم:
-moz-linear-gradient(top left,#000,gray,#3a1b1c,#322923)
می بینید که از background-image و ; استفاده نکردم.
همچنین قبل از کد گرادینتتون اگه از فایرفاکس استفاده می کنید عبارت -moz- و اگه از مرورگرهایی با موتور webkit استفاده می کنید از عبارت -webkit- و اگه از اپرا استفاده می کنید عبارت -o- رو قرار بدید تا مرورگر بتونه نمایشش بده.
باتشکر