Görüntüleri büyütmek nasıl çalışır?

Çoğu durumda, almaya çalıştığım ekran görüntüsü tarayıcıda küçültülmüş, ancak daha büyük olarak dışa aktarmak istiyorum. Öğenin yüksekliğinin ve genişliğinin web sayfasında ne olduğunu belirtmek için bheight ve bwthth değerlerini kullanıyorum ve daha sonra istediğim genişlik ve yükseklik değerini (aynı en boy oranı olacak) geçiriyorum. Bazı durumlarda yükseklik, yükseklikten 2-4 kat daha büyüktür ve görüntüyü çok bulanık hale getirmeye başlar.

Dalışı içinde tutmaya çalıştığım tüm öğeler, boyutlarının% 100'inden daha büyük değildir. Örneğin, div'in genişliği 300px olabilir ve 900px genişliğinde dışa aktarılmasını istiyorum. Bu div içindeki tüm görüntüler 300px'ten daha büyük görünmüyor, ancak gerçek genişlikleri 1000px. Görüntünün 1000px genişliğinde olduğu göz önüne alındığında, 900px genişliğinde bir sorun olmamalıdır, ancak gerçekten 300x yakınlaştırılmış bir 3px genişliğinde görüntü gibi bulanık görünüyor. 

Ayrıca, görüntüdeki metin bulanık. 

Birkaç soru:

  - Yanlış bir şey mi yapıyorum?

  - Grabzit'in ölçeği nasıl büyüyor? 300 piksel genişliğinde bir ekran görüntüsü alıyor (yukarıdaki örneğimde) ve daha sonra ölçeklendiriyor mu? Yoksa öğelerimi önce HTML'den ölçeklendiriyor, sonra ekran görüntüsünü döndürüyor mu?

  - HTML'yi dönüştürmek istediğimi elde etmenin tek yolu, böylece tüm yükseklik ve genişlik değerleri istediğim skalada yükseltilebiliyor mu?

DataURI ile ConvertHTML yöntemini kullanıyorum

Teşekkürler.

Kullanma hakkında bilgi HD görüntüleri burada bulabilirsiniz.

Hd parametresini ve -1 genişliğini kullanıyor olmanız ve görüntünün boyutunu iki katına çıkarması gerekir.

Tam boyutu ayarlamak için genişliğin kullanılması önerilmez. Ek olarak, yüksekliğin ayarlanması görüntünün yakınlaştırıldığı ve ardından görüntüyü bulanıklaştıracak şekilde akıllıca scalled olduğu anlamına gelir.

HD görüntüler, tarayıcı penceresini yakınlaştırıp bir ekran görüntüsü oluşturarak çalışır.

Teşekkürler. Sorun şu ki, HD yalnızca 2X ölçekleniyor ve bazen bundan fazlasına ihtiyacım oluyor. Ölçeği belirlediğim HD gibi bir ayarı yapmanın bir yolu var mı? Değilse, yapmaya çalıştığım şeyi başarmanın farklı bir yolu var mı?

Şu an itibariyle, istediğim şeyi elde etmem için tek yol HTML'yi yakalamak, daha sonra tüm satır içi yükseklik ve genişlik stillerini ayarlamak ve istediğim ölçeğin yükseklik ve genişliğiyle değiştirmek için javascript kullanmak gibi görünüyor.

Teşekkürler

Tamam, genişliği kullanarak kendi yakınlaştırmanızı ayarlayabilirsiniz ancak görüntünün uzunluk yollarının yeniden boyutlandırılmasını önlemek için yüksekliği -1 olarak ayarlamanız gerekir.

Ama ben de boyunun yeniden boyutlandırılmasını istiyorum. Öyleyse, ekranda 300x300 olan bir resmim varsa, ancak 900x900 olarak dışa aktarılmasını istiyorum, -1 yüksekliğini ayarlamak bir 900x300 resimle sonuçlanır. 

Evet, üzgünüm yüksekliği ayarlamak konusunda haklısın.

Genişliği şu anda bozuk ayarlayarak yakınlaştırma gibi görünüyor. Bunu düzeltmek için bir dava açtım.

Tamam, bana haber verdiğin için teşekkürler. Bu tür şeylerin ne kadar süreceği hakkında bir fikriniz var mı? Zaman çizelgelerini vermenin zor olduğunu biliyorum ama herhangi bir zamanlama duygusu bana yardımcı olur.  

Umarım ertesi gün ya da öylesine.

Bu harika olurdu, teşekkürler. 

Sorun şimdi düzeltildi.

Harika, bunun üzerinde bu kadar çabuk çalıştığınız için teşekkürler. Bu benim sonumda hemen göreceğim bir şey mi yoksa biraz zaman alacak mı? Sormamın nedeni, test ettim ve aynı görünüyor. 

Tekrar teşekkürler

Denedim ve yakınlaştırma tarayıcı genişliğinden daha fazla olduğunda yakınlaştırma çalışıyor.

Belki neyin düzeltildiğini yanlış anlıyorum. Aynı div'i ancak farklı tarayıcı boyutlarında test ediyorum. Tarayıcı ne kadar küçük olursa, aynı görünse de, son görüntü o kadar bulanık olur.  

Başka bir deyişle, 1000px x 1000px olacak son bir görüntüm var. Tarayıcıdaki div 800x800, 600x600, 400x400, vb. Ve genişliği / yüksekliği (veya nihai genişliğe / yüksekliğe kadar ne kadar büyükse), son görüntü o kadar bulanıklaştığında test ettim. 

Genişlik / genişlik 800x800 olduğunda resmim harika görünüyorsa, resim 400x400 olduğunda aynı görünmemesi gerekir mi? 

Teşekkürler

HD önerilir çünkü en iyi sonuçları veren görüntünün boyutunu ikiye katlar.

Düzeltme, genişlik tarayıcı genişliğinden daha büyükse, şimdi bir zoom işleminin gerçekleştirildiği anlamına gelir.

Genişliği ve yüksekliği kullanıyorsanız, en iyi sonuçları elde etmek için tarayıcı boyutlarına göre genişlikleri ve yükseklikleri iki veya üçe katlamanız gerekir. Bunun nedeni, maalesef zoom'un yüzde olarak değil seviyelerde çalıştığıdır. Dolayısıyla, genişlikteki farklılıklardan hesaplanan herhangi bir yüzde yakınlaştırması, boyutun basit bir faktörü değilse büyük olasılıkla çok doğru olmayan bir seviyeye dönüştürülmelidir.

HD kullanabileceğim bir şey değil (bazı şeyleri özlemiyorsam) çünkü bazı durumlarda 2X boyutunda değil, tam bir boyuta ihtiyacım var. Bazı durumlarda 2X'ten daha fazlasına ihtiyacım var.

Bakalım ne dediğini anlayabiliyor muyum. Diyelim ki 200x200 olan bir HTML koduna sahibim ve son boyutun 900x900 olmasını istiyorum. Bu, 4.5 x boyutudur. Bunu yalnızca en iyi sonuçlarla 800x800 veya 1000x1000 (4X veya 5x boyutunda) olarak yaratacağını mı söylüyorsunuz, ancak .5x farkı bulanıklığı yaratan şey mi?

Bunu doğru yaparsam, o zaman en iyi çözüm HTML'yi göndermeden önce değiştirmek mi? Yani temel olarak, doğru boyutta HTML oluşturmalıyım ve daha sonra yakınlaştırmaya ihtiyacım olmayacak mı?

Teşekkürler

Evet, yakınlaştırma arttıkça seviyeler büyüdükçe hemen hemen.

Bu nedenle, x2, x3 veya x4 olmayan yakınlaştırmalar, boyutlar kapalı olacağından yanlış olacaktır. Ayrıca, maksimum on X5 değerine eşit olduğunu düşündüğüm yalnızca on olası yakınlaştırma düzeyi vardır.