کد سیاه و سفید کردن عکس با canvas + css

سلام. کد سیاه و سفید کردن عکس با کانواس HTML5 هستش که تنها نکته ش فرمولش بود... :دی
ذکر HTML5 به این دلیله که سیاه و سفید شدن دلیل دیگه ای نداره... :دی
فراموش نکنید که حتما! باید خاصیت src عکس رو بعد از تعیین تابعی onload قرار بدید وگرنه ممکنه قبل از اینکه کد اجرا بشه، عکس لود بشه و کلا تمام کارامون به باد بره... :دی
بنابراین شما مجبور نیستین مثل من، عکس رو هم با js به وجود بیارید اما onload یادتون نره. میتونید هم تگ عکس رو دستی بنویسید و بعد تو کد بهش src بدید. یا onload رو هم به صورت inline بنویسید. در هر صورت کد کار میکنه... :دی
راستی! قبلا در مورد کانواس های `آلوده` صحبت کرده بودم.
اگه کانواسی آلوده باشه و ما بخوایم محتویاتش رو بگیریم error با کد 18 میده که من با استفاده از این کد تشخیص میدم اگه برنامه ارور داده دلیلش چی بوده...
برای اینکه کانواس آلوده نشه باید عکس ها در هاست خودمون آپلود شده باشن و یه شیوه دیگه هم داره که اگه خواستین اونم میگم...
با تشکر... :دی
مشاهده دمو و دریافت کد (ورژن masterhk :D)
مشاهده و دریافت کد (ورژن من)
مشاهده و دریافت کد (ورژن من 2 - تغییر رنگ با بردن ماوس روی تصویر)
مشاهده و دریافت کد (ورژن من - بر عکس بالایی)
و از اونجایی که قصد نا امید کردن خودم و خودت و خودشو دارم اینا رو هم میذارم:دی
ورژن سی اس اس (1)
ورژن سی اس اس (2)
ورژن سی اس اس (3)

اگر خواستین برای همه عکس های صفحه باشه اون getElementsByClassName('....') رو به getElementsByTagName('img') تغییر بدین تمام مشکلاتی که در 15 ثانیه قبل به ذهنتون رسیده حل میشه :دی

توضیحات من

کلا به منظور شادی روح اموات کد می نویسی ها؟ :دی

کدنویس خوبی هستی اما pointless کد می نویسی :دی. مثلا همین کدو من باهاش چی کار کنم؟ به خاطر همین اون کد دوم به بعد رو برای شادی روح اموات نوشتم.

ظاهرا به تازگی با این کمپرسر های جاوا اسکریپت آشنا شدی درسته؟ چون کلا انگار کد یه بار از داخل اون رد شده :دی

اون فرمولت هم تو حلقم :دی (با وجود این که هنوز معنی این جمله رو نمی دونم :دی). فقط کافیه میانگین بگیری؛ اون عددای ...... چیه اون وسط من نمیدونم :دی

راستی: سرعت اینترنت ایرانی ها رو بی خیال، سرعت کامپیوترشونم به اون حد نیست که لازم باشه src حتما بعد قسمت onload باشه. حتی اگر اون عکس کش شده باشه. البته قضیه توی کنسول مرورگر قطعا فرق می کنه چون فرق می کنه دیگه :دی

حالا راستشو بگو داری با کد کل میندازی ها؟ :دی

با تشکر