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

Question

我有一个处于纵向模式的webbrowser。我正在使用

加载webbrowser

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>

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