viewbox

    0熱度

    2回答

    example1下面是html文檔中包含的內聯SVG代碼片段。通知viewbox="0 0 25 25"「放大」左上角的圖像使其看起來比第二個示例大。 例如1 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewbox="0 0 25 25" > <defs>

    0熱度

    1回答

    我有一個組織條形圖與svg元素上的viewbox屬性。 我無法找到一個解決方案,其中的內容被拉伸,你可以看到下面。 顯然,我不想從g元素中外化文本元素。 svg path { fill: none; stroke: #003B56; } <svg width="100%" height="100" viewBox="0 0 200 100" preserveAsp

    0熱度

    1回答

    我有一個包含下面的XAML代碼一個用戶控件: <Viewbox Style="{StaticResource shapeViewboxStyle}"> <Canvas Width="32" Height="32" Margin="5"> <Path Data="{Binding Path=PathData}"/> </Canvas> </Viewbox>

    1熱度

    1回答

    我試圖用內< 視框/> 源幀控制的< 框架 />控件是在名爲Pages文件夾中打下了頁面。 而在頁面中只有一個元素。 A 矩形充滿了XAML矢量圖像。 爲什麼這不顯示任何東西? <Window xmlns:shared="http://schemas.actiprosoftware.com/winfx/xaml/shared" x:Class="SearChForComp.MainWin

    0熱度

    1回答

    我有SVG與多個分組元素。我要做的就是放大部分團體。 我已經與{top, left, width, height}糾正了,我想放大(更改我的SVG的viewBox屬性)。 任何簡單的方法來計算viewBox的正確值?

    0熱度

    1回答

    我試圖通過CSS一個DIV中垂直對齊SGV視圖框,但我一直沒有。我只能通過width='100%'屬性將它橫向居中。應用一些CSS技巧來垂直對齊也失敗了。我真的不知道如何解決這個問題。 代碼示例: <div class="sgvContainer" id="sgvTest" style="opacity: 0;"> <svg xmlns="http://www.w3.org/2000/s

    1熱度

    2回答

    我無法在模板化按鈕中居中文本。 「確定」停留在底部中央或者甚至低於按鈕邊界。 <Window.Resources> <ControlTemplate x:Key="BT_Kids" TargetType="{x:Type Button}"> <Grid> <Ellipse HorizontalAlignment="Left" Height="44.8" Stro

    0熱度

    1回答

    我在瀏覽器中有一個代表平面的SVG文件,我需要以特定比例打印輸出。我正在使用SVG.js來操縱SVG內容,但是我找不到正確的viewport viewbox設置的組合以滿足我的需求。 我知道的是SVG源文件的大小。 通過x和y座標,我計算了一個距離,以找到正確的「屏幕比例」,使其與計劃中的1cm像素數匹配。 對於印刷,我需要尊重「具體比例」,例如1/50。 所以我試圖通過使用「屏幕比例」和SVG文

    0熱度

    1回答

    我一直在努力形成SVG中SVG形狀居中的邏輯。 viewBox比例函數很好,但是,我使用viewBox與形狀的居中對抗。 Jsbin 下面是代碼: // SCALE & CENTRE THE TEMPLATE ON SCREEN const svg = document.getElementsByTagName("svg")[ 0 ]; const t = document.getElemen

    -1熱度

    1回答

    我使用d3縮放svg。 我只想顯示滾動條,當svg的特定部分不可見(在我的例子中是兩個矩形)。 我的問題是,滾動條只有在svg的底線到達主體的底線時纔會出現。我希望同樣的頂線。 在這幅圖片上,黃色的背景到達了身體的底部,所以對於我來說它讓人感覺得到滾動條。 爲什麼滾動條不在的例子可見?該SVG的頂部是不可見的... 這裏是JS斌,因爲預計在#1片斷並不表現:http://jsbin.com/wew