PDA

View Full Version : سوال: افزودن Image map به صورت پویا به عکس



ricky22
چهارشنبه 07 تیر 1391, 03:20 صبح
سلام ،

می خواهم در یک web application ، به کاربر امکانی دهم که روی عکسی که او Upload کرده بتواند یک سری مستطیل ایجاد کند آنها را Drag drop کند ، بعد مشخصات مستطیل ها را به سرور بفرستم و بعدا جهت بازیابی ذخیره کنم.
اول به فکر استفاده از Image map افتادم اما الآن حدس می زنم اگر از Canvas استفاده کنم کار ساده تری در پیش داشته باشم..
نظر شما چیست ؟

کاربر باید بتواند مستطیل ها را تغییر ساز دهد و Drag Drop کند.

یکی 2 تا پلاگین Crop کردن عکس پیدا کردم مثل Jcrop (https://github.com/tapmodo/Jcrop)
که دقیقا نیاز من را بر آورده نمی کنند.

لطفا بنده را راهنمایی بفرمایید و اگر ایده ای برای پیاده سازی ، مقاله ، پلاگین یا لینک مفیدی دارید مطرح کنید.

-------------
ویرایش:

من نتوانستم عنوان تاپیک خودم را ویرایش کنم ، اگر یک مدیر این تاپیک را دید لطفا عنوان را به ایجاد مستطیل روی عکس با Canvas یا Image map تغییر دهد. (یا هر عنوانی صلاح می داند.)

امید امرایی
چهارشنبه 07 تیر 1391, 09:32 صبح
سلام،

اگر قصد کراپ کردن دارید بله Canvas بهتره.

اما برای چیزی شبیه Image Map یا صرفا گرفتن یه مختصات کارتون با Canvas کمی پیچیده میشه دوست گرامی.
بهتره از DOM و jquery.draggable و jquery.resize برای Drag کردن و تغییر سایز استفاده کنید