Chciałbym zbudować aplikację na facebooku podobną do nametest lub Meaww i prawie udało mi się uzyskać moje wywołania API do interfejsu API Graph API i zwrócić dane z Facebooka. Co mnie denerwuje to interfejs użytkownika wspomnianych aplikacji internetowych. Po zakończeniu testu na Meaww lub Nametests wynik jest reprezentowany dla użytkownika w formacie obrazu (Jpeg). Po prostu nie wiem, w jaki sposób uda im się przekonwertować HTML na obraz w locie z wszystkimi stylami CSS i itp. Oraz jak zwracają je użytkownikowi jako obrazowi? Czy można zastosować ten scenariusz w praktyce w ASP.NET MVC Too? Jeśli tak, potrzebuję podpowiedzi, aby to zrobić.Czy jest mimo to zrobić jeden obraz z 3 adresów URL obrazu przy użyciu asp.net mvc?
Poniżej znajduje się obraz wygenerowany przez Meaww w wyniku testu.
Edit: Aby być bardziej szczegółowe ... Mam public async Task<ActionResult> FB_Analyse() działania w moim kontroler, który pobiera dane z facebook poprzez wywołanie Graph API do Facebooka, a następnie przekazać te dane do wartości Model i na koniec działania następnie zwraca się widok jak poniżej:
public async Task<ActionResult> FB_Analyse()
{
var access_token = HttpContext.Items["access_token"].ToString();
if (!string.IsNullOrEmpty(access_token))
{
var appsecret_proof = access_token.GenerateAppSecretProof();
var fb = new FacebookClient(access_token);
#region FacebookUser Name and Picture plus other Info
//Get current user's profile
dynamic myInfo = await fb.GetTaskAsync("me?fields=first_name,last_name,link,locale,email,name,birthday,gender,location,age_range,about".GraphAPICall(appsecret_proof));
dynamic myinfojson = JsonConvert.DeserializeObject(myInfo.ToString());
ViewBag.UserName = myinfojson.name;
ViewBag.UserGender = myinfojson.gender;
//get current picture
dynamic profileImgResult = await fb.GetTaskAsync("{0}/picture?width=200&height=200&redirect=false".GraphAPICall((string)myInfo.id, appsecret_proof));
ViewBag.ProfilePictureURL = profileImgResult.data.url;
#endregion
dynamic myFeed = await fb.GetTaskAsync(
("me/feed?fields=likes{{name,pic_large}}")
.GraphAPICall(appsecret_proof));
string result = myFeed.ToString();
var jsonResult = JsonConvert.DeserializeObject<RootObject>(result);
var likes = new List<Datum2>();
foreach (var likeitem in jsonResult.data)
{
if (likeitem.likes != null)
{
foreach (var feedlikeitem in likeitem.likes.data)
{
likes.Add(feedlikeitem);
}
}
}
return view(likes);
}
wtedy moim zdaniem mam to prosty <div> tag z obrazami, jak poniżej:
<div class="imageWrapper" style="position: relative">
<img class="girl img-responsive" src="~/images/TestPictures/mHiDMsL.jpg" style="position: relative; z-index: 1;" />
<img src="@ViewBag.Picture" alt=.. width="100" height="100" style="position: absolute;left:80px; top: 80px;z-index: 10;" />
<img src="@ViewBag.ProfilePictureURL" alt=.. width="200" height="200" style="position: absolute;left:300px; top: 160px;z-index: 11;" />
</div>
Jak widać, mam trzy różne tagi <img>. Jednym z nich jest tło dla dwóch innych obrazów, a dwa pozostałe to jedno zdjęcie użytkownika Facebooka, a drugie zdjęcie użytkownika Facebooka, które umieszczone są na górze obrazu tła. To, co chcę osiągnąć, jest jasne jak niebieskie niebo. Chcę połączyć te trzy obrazy w jednym, a następnie pokazać je użytkownikowi jako jednemu obrazowi.
Proszę o pomoc, jestem zagubiony.
Czy to jest przydatne do łączenia 3 obrazów w 1? http://stackoverflow.com/questions/6383123/merge-two-images-to-create-a-single-image-in-c-net – Pete
@Pobierz to pytanie, które mają do czynienia z prawdziwymi obrazami, ale w moim przypadku tylko mieć adresy URL obrazów, takie jak www.somesite.com/images/home.png –
Ach, możesz utworzyć obraz z adresu URL, korzystając z poniższego adresu: http://stackoverflow.com/questions/11801630/how-can-i-convert-image -url-to-system-drawing-image – Pete