从当前方向旋转网页浏览器正在拉伸(缩放)网页浏览器内容Windows

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;

网页浏览器是旋转的，但内容看起来像放大或拉伸，它看。

像这样的

知道怎么不放大内容吗？？

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>

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