+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: ایجاد پرسپکتیو در کنواس (/thread-17818.html)
ایجاد پرسپکتیو در کنواس - sajjad salehi - ۱۴-۲-۱۳۹۴ ۰۸:۴۶ عصر
خب من میخوام روی عکسی حالت پرسپکتیو اجرا کنم و اون ور روی یک کنواس(canvas) رسم کنم . دو تا مشکل دارم .
اول اینکه من چهار گوشه ی عکس رو دارم ولی پرسپکتیو با درجه ی چرخش ، محل چشم و اندازهی پرسپکتیو انجام میشه .transform-origin و perspective , rotate
دوم اینکه چطوری این افکت ور ثابت کنم که بشه روی کنواس رسمش کرد .
RE: ایجاد پرسپکتیو در کنواس - پیام عمرانی - ۱۴-۲-۱۳۹۴ ۰۹:۰۷ عصر
سلام
اصلا متوجه منظورت نشدم
کاشکی تو jsbin یک سمپلی قرار میدادی تا کار کنیم روش
RE: ایجاد پرسپکتیو در کنواس - sajjad salehi - ۱۴-۲-۱۳۹۴ ۱۰:۲۳ عصر
خب کاربر عکسی از یک دیوار اتاق آپلود میکنه .ممکنه پرسپکتیو باشه یا نباشه . بعد من باید نقشی رو روی دیوار بندازم که فیکس اون باشه .
من میخوام یک canvas ایجاد و fillstyle رو بر روی pattern تنظیم کنم بعد با perspective یا rotate3d یا matrix3d یا ابزار مشابه نقشی رو روی دیوار بندازم .
rotate3d احتمالا قابل استفاده نباشه چون محل دید نداره .(origin)
این دو تا رو تازه پیدا کرم .
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
بر اساس چهار گوشه ی کادر مختصاتی برای matrix3d محاسبه میکنه . مشغول تبدیلش به فانکشن هستم ولی دود از سرم بلند شده .
این هم یک نمونه از perspective
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
RE: ایجاد پرسپکتیو در کنواس - پیام عمرانی - ۱۵-۲-۱۳۹۴ ۰۱:۲۹ صبح
تا حالا تجربه ای در این زمینه نداشتم
کمک چندانی نمیتونم بکنم
RE: ایجاد پرسپکتیو در کنواس - sajjad salehi - ۱۵-۲-۱۳۹۴ ۰۳:۵۶ صبح
خب اول دنبال یه تابع ساده css یا html5 بودم ولی متاسفانه گویا تنها راه حل استفاده از الگورتمهای پیچیده ی ریاضی هست .
کنواس چند سالی هست اومده ولی هنوز جا نیافتاده .
در هر صورت ممنون
RE: ایجاد پرسپکتیو در کنواس - پیام عمرانی - ۱۵-۲-۱۳۹۴ ۰۶:۲۴ عصر
خواهش میکنم
طوری که من متوجه شدم ابتدا باید مختصات چهار گوشه تصویرتون رو با jQuery پید اکنید و تصویر آپلود شده را با اون مختصات بدست آمده تطبیق بدید
امیدوارم که با موفقیت انجام بدید