2010-02-11 13 views
9

czy ktokolwiek natknął się na edytor obrazów zrobiony w czystym JS lub jQuery - taki jak CKEditor?JS/jQuery Image Editor

Poszukuję fragmentu kodu, który dodaje uchwyty do obrazu, aby można było zmienić jego rozmiar, a nawet przeciągnąć obrazek, jak chcesz.

Dziękuję.

Edytuj: przekształcona.

Odpowiedz

2

Tak, istnieje wiele online. Find here. jCrop jest wyjątkowy i niesamowity.

+0

niestety, żaden z wymienionej pracy w ten sposób, jak w CKEditor, dziękuję za chociaż spróbować:] –

1

drodze redaktorzy takich jak TinyMCE i CKEditor zrobić to jak to

<div contenteditable="true" id="div1"> 
    <img src="tache17.jpg" /> 
</div> 
<a href="javascript:alert(document.getElementById('div1').innerHTML)">gimme html</a> 

że to nie sprawa przeglądarka rzeczą JS. Oczywiście umieszczenie obrazu w div i zrobienie div contentEditable odbywa się za pomocą JS, ale uchwyty zmiany rozmiaru, o których mówisz, są generowane przez przeglądarkę.
Uwaga nie testowałem tego w coś innego niż Firefox

+0

uchwyty sam w sobie nie są największym problemem ... problemem jest to, jak inplace rozmiar zdjęć. .. może powinienem ponownie sformułować moje pytanie? –

+0

Jeśli wypróbujesz powyższy kod, zobaczysz, że alert informuje, jaki rozmiar obrazu jest aktualnie (jeśli został on zmieniony). Możesz użyć tej techniki i nie potrzebujesz żadnego JS w ogóle. – meouw