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

تصویر

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

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

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

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

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

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

برای مثال شما می توانید به لینک زیر بروید. در لینک زیر شما تصویری کوچک از منظومه شمسی را می بینید که با کلیک کردن روی هر سیاره یا ... به صفحه دیگری می روید.

برای دیدن دمو اینجا کلیک کنید.

برای کسب اطلاعات بیشتر در مورد تگ های area و map می توانید به لینک های زیر بروید:

 

ادامه مطلب

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

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

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

moisrex.rozblog.com
ادامه مطلب
    کلاس های آنلاین فعال

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

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