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

اسکریپت تبدیل عکس به کد html

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

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

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

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

مرورگرم نابود شد بابا چه خبره :دی
سلام من میخام عکسامو کد کنم باید چیکار کنم؟؟؟؟؟؟؟
پاسخ : اسماعیل : عکس رو باماوس بگیر و بنداز توی باکس اولی و بعدش دکمه رو بزن و کد رو تحویل بگیر...البته تصاویرت باید حجمش کمتر از 100 کیلوبایت باشه...
با تشکر
خب داداش برای استفادش باید چیکار بکنیم ؟
روی هاست آپلودش کنیم با رو سیستم ذخیرش کنیم
تا اون ارور تصویر رو نده
لطفا بگید برای استفادش باید چیکار بکنیم
پاسخ : اسماعیل : تصویر رو بگیر و بنداز توی باکس اولی...
توضیح دادم...
با تشکر
سلام داداش
بد نبود اموزش روش استفادش هم قرار میدادی
من الان باید چیکار کنم که از این ابزار خوبتون برای تصاویر خودم استفاده کنم ؟
ویو سورسش رو کپی کردم و جای عکس شما ادرس عکس خودم رو گذاشتم اما وقتی رو تبدیل به اچ تی ام ال و پیکسل رو میزنم کار نمیکنه
ممنون میشم راهنمایی کنید باید چیکار کنم!
پاسخ : کار نمی کنه چون ارور cross-browsing میده.
باید اون عکسی که آدرسش رو میذاری از اون آدرسی که داری اون کد رو میبینی دسترسی داشته باشه ...
چه با هدر چه به صورت معمولی ...
به خاطر همین به صورت ابزاریش نکردم و اون بالا نوشتم اسکریپت ...
با تشکر
الله اکبر . بزنم به تخته خیلی ..... هستی . دمت گرم باحال بود
با من بحث نکن... شکلک
اگه یکم دقت داری... شکلک
پاسخ : با تو بحث نمی کنم :دی
دارم جواب چند تا نوشته توی قسمت نظرات رو میدم :دی
با تشکر
یه راه حل ساده ترم بود ها... شکلک
con.drawImage(img, 0, 0, width, height);

برعکسش هم...
img.src = con.toDataURL("image/jpeg");

اینقدرم به مخ اون کامپیوترت فشار نیار :|
اون که عین تو پوس کُلُف نیس...
شکلک

یه سوال:
موهات اصلا سفید نیست؟؟ عایا؟؟
شکلک

این چه تمیه گذاشتی...
آدم یه شکلک میذاره از ترس...
آره، "..."... !! :|
پاسخ : اون html نیست اگر یکم دقت کرده باشی :دی
با تشکر
به تعداد پیکسلای عکس div میسازه؟ :|
حال میده باهاش یه Wallpaper Full HD رو تبدیل کنی بهhtml!
سی پی یو دیوونه میشه شکلک
پاسخ : آره ...
:دی
حالا اینجاش خوبه ...
من اولش با createElement و appendChild ساخته بودم کلا مرورگر هنگ میکرد دیگه نمیشد کاریش کرد. بعدش اومدم مثل براش لودینگ و اینجور چیزا گذاشتم دیدم یه ربع ساعتی طول میکشه تا به تهش برسه. :دی
بعدش دیگه از این روش رفتم دیدم بهتره ... :دی
روش هایی برای پیر شدن با کدنویسی ... :دی
با تشکر
ممنون...خوبه...ولی خیلی به مرورگم فشار آورد...:دی
پاسخ : حالا ایناش خوبه موقع نوشتنش نبودی ببینی چند بار این مرورگره رو شتک کردم و دوباره آوردم بالا :دی
کلا تو هنگ بود :دی
با تشکر
دیوااااااااانننننننننهههههههههههههههههههههههههههههههههههههههههههههههههههه
تو دیوونه ای
خیلی باهاله خداییش
ذوق مرگ شدم شکلک

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
کلاس های آنلاین فعال

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

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4408
تعداد اعضا : 36842
افراد آنلاین : 6
بازدید امروز : 1,759
بازدید دیروز : 2,020
گوگل امروز : 29
گوگل دیروز : 25
بازدید هفته : 6,560
بازدید ماه : 56,720
بازدید سال : 196,334
بازدید کلی : 10,978,036