Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

عکس

سلام. کد سیاه و سفید کردن عکس با کانواس HTML5 هستش که تنها نکته ش فرمولش بود... :دی
ذکر HTML5 به این دلیله که سیاه و سفید شدن دلیل دیگه ای نداره... :دی
فراموش نکنید که حتما! باید خاصیت src عکس رو بعد از تعیین تابعی onload قرار بدید وگرنه ممکنه قبل از اینکه کد اجرا بشه، عکس لود بشه و کلا تمام کارامون به باد بره... :دی
بنابراین شما مجبور نیستین مثل من، عکس رو هم با js به وجود بیارید اما onload یادتون نره. میتونید هم تگ عکس رو دستی بنویسید و بعد تو کد بهش src بدید. یا onload رو هم به صورت inline بنویسید. در هر صورت کد کار میکنه... :دی
راستی! قبلا در مورد کانواس های `آلوده` صحبت کرده بودم.
اگه کانواسی آلوده باشه و ما بخوایم محتویاتش رو بگیریم error با کد 18 میده که من با استفاده از این کد تشخیص میدم اگه برنامه ارور داده دلیلش چی بوده...
برای اینکه کانواس آلوده نشه باید عکس ها در هاست خودمون آپلود شده باشن و یه شیوه دیگه هم داره که اگه خواستین اونم میگم...
با تشکر... :دی ادامه مطلب
سلام
این ابزار عکس از صفحه مورد نظر شما میگیره (مثل لینک باکس قدیم مویزرکس یا ادمین یا moisrex545445 :دی)
برای این حرفه ای زدم که کسانی که میخوان یاد بگیرن، به سورسش نگاه کنن، شاید یه چیز جدید یاد گرفتن
توجه: برای کار کردن این ابزار، باید تیک رو یه بار بزنید و اگه خواستید دوباره برش دارید ادامه مطلب

این اسکریپت رو بیشتر برای یادگیری براتون ساختم. توی این اسکریپت دیتا های عکس بالا رو به کدهای html تبدیل کرده و در صفحه نمایش می دهد.

البته این یک نمونه ساده هست. با چند تا تغییر کوچیک می شه کار های جالبی روش انجام داد. برای مثال میشه با یه تابع رنگ RGB رو به HEX تبدیل کرد که کد حجم کمتری بگیره یا با تغییر توی استایل اندازه و فاصله بین سلول ها و ... رو تغییر داد و ...

به طور پیشفرض عکس 5 برابر اندازه واقعی خودش میشه. این اعداد رو می تونین با تغییر استایل تغییر بدین.

دمو و دریافت کد ابزار تبدیل عکس به کد html
دمو و دریافت کد ابزار تبدیل عکس به کد html ورژن 2

ابزار ساخت کد نصف شدن تصویر با رفتن ماوس روی آن

شما با استفاده از این ابزار بسیار حرفه ای می توانید کدی بسازی که با استفاده از آن تصویری را در صفحه قرار دهید که با بردن ماوس روی آن تصویر به دو تکه تبدیل شده و با افکت و زمانی که شما انتخاب کرده اید این دو تکه از هم دور می شود و متن زیر تصویر به نمایش در می آید.

این کد با استفاده از jQuery ساخته شده است.

moisrex.rozblog.com
ادامه مطلب

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

این نوع آدرس با آدرس های معمولی کمی تفاوت دارد. این آدرس در بر دارنده ی تمام اطلاعات تصویر مورد نظر شماست. یعنی حجم آدرسی که به شما داده می شود با حجم تصویر مورد نظر شما برابر است. این تصاویر به صورت data:image می باشد.

این ابزار در واقع کاری را که سایت روبرو انجام می دهد انجام می دهد: websemantics.co.uk

این ابزار فقط در مرورگر فایرفاکس عمل می کند.

برای استفاده از این ابزار عکس را از درون رایانه تان مانند زمانی که می خواهید آن را از یک درایو به درایو دیگر اننتقال دهید یا کپی بگیرید ، کپی کنید و آن را درون کادری که مسخص شده است پیست کنید. بعد از جایگذاری کردن تصویر به صورت اتوماتیک آدرس آن در باکس زیر آن نمایش داده می شود که البته می توانید از دکمه ای که در زیر آن نیز وجود دارد نیز استفاده کنید.

ادامه مطلب
    کلاس های آنلاین فعال

    برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

    مدرس: محمد و اقبال
    آموزش PHP - جلسه اول
    پنجشنبه 04 تیر 1394 - 17:00
    هیچ کلاس فعالی موجود نیست.
    کاربران آنلاین
    آمار
    مطالب : 792
    نظرات : 4408
    تعداد اعضا : 37001
    افراد آنلاین : 6
    بازدید امروز : 1,264
    بازدید دیروز : 1,764
    گوگل امروز : 16
    گوگل دیروز : 26
    بازدید هفته : 7,593
    بازدید ماه : 28,553
    بازدید سال : 608,676
    بازدید کلی : 11,675,113