从当前方向旋转网络浏览器正在拉伸（缩放）网络浏览器内容 Windows phone

Question

我有一个处于纵向模式的网络浏览器。我正在使用

加载网络浏览器

this.webBrowserControl.Source = new Uri("http://google.com");

加载内容后，视图如下所示

提供了旋转按钮，所以如果用户处于纵向模式并且用户按下旋转按钮，那么我将使用变换旋转 webview 并设置它的高度和宽度，以便它可以占据整个屏幕

pageWidth = 480;
pageHeight = 800;
RotateTransform transform = new RotateTransform();
transform.Angle = 90;
this.webbrowser.RenderTransform = transform;
webbrowser.Width = pageHeight;
webbrowser.Height = pageWidth;

网络浏览器旋转了，但内容看起来像缩放或拉伸，它像这样 looks

知道如何不缩放内容吗？？

Answer 1

编辑：

更改缩放百分比：

// figure out the ratio you want to reduce by
string zoom_js = "document.body.style.zoom=\"50%\";";

try
{
    this.myBrowser.IsScriptEnabled = true;
    this.myBrowser.InvokeScript("eval", zoom_js);
}
catch(Exception ex)
{
}

---

它没有缩放任何东西。只是您旋转它然后拉伸（调整大小）容器。

鉴于您的分辨率，如果您不想进行任何拉伸，则必须保持纵横比。

<phone:WebBrowser x:Name="myBrowser" RenderTransformOrigin="0.5,0.5" Height="480" Width="480" Margin="0" Padding="0">
        <phone:WebBrowser.RenderTransform>
            <CompositeTransform Rotation="90"/>
        </phone:WebBrowser.RenderTransform>
    </phone:WebBrowser>
</Border>

现在它不会被拉伸，但它也不会覆盖整个屏幕。现在，想象一下像你一样拉伸容器。结果将是您发布的图片。