JavaScript, @page CSS değerini değiştirebilir mi?

Question

Aşağıdaki CSS, bir sayfanın varsayılan olarak dikey veya yatay olarak yazdırılıp yazdırılmayacağını etkiler.

@page { 
    size: landscape; 
} 

Bu sadece tarayıcıların çok sınırlı sette çalışıyor ve kullanıcı tarafından geçersiz kılabileceğini biliyoruz. Sorun yok; Ben sadece iyi bir varsayılan sağlamaya çalışıyorum.

Bu, CSS'de statik bir değer olarak iyi çalışır, ancak kullanıcı seçimlerine bağlı olarak portre & manzara arasında dinamik olarak geçiş yapmak isterim. Bu değeri değiştirmek için JavaScript kullanmak mümkün mü?

Answer 1

basit bir yol @page için ayrı bir stil oluşturmak ve bunu değiştirmek için:

var cssPagedMedia = (function() { 
    var style = document.createElement('style'); 
    document.head.appendChild(style); 
    return function (rule) { 
     style.innerHTML = rule; 
    }; 
}()); 

cssPagedMedia.size = function (size) { 
    cssPagedMedia('@page {size: ' + size + '}'); 
}; 

cssPagedMedia.size('landscape');