viewbox

    0熱度

    1回答

    我使用帶模板單元格的數據網格呈現我的數據。我可以添加我想到的任何類型的UI元素(DataTemplate,ContentControl,StackPanel,Rectangle),並且一切仍然正常。但只要我添加一個ViewBox,鼠標右鍵(在元素上)停止選擇行/單元格。點擊左鍵繼續正常工作。 據我所知,ViewBox應該只是可視化的,但不能影響任何事件路由。 示例代碼重現問題(紅色長方形的作品,綠

    0熱度

    3回答

    我一直在這裏呆了幾天,在這個問題上找不到任何支持。 因此,我爲我的個人網站創建了一個主頁,其中包含各種尺寸的圓形按鈕。最初我使用border-radius屬性(其中工作正常)創建了圈子,但現在我試圖升級到SVG形狀。我發現的是,圍繞任何SVG元素總是存在一個看不見的方框(我認爲這是視圖框)。這意味着我可以點擊按鈕而光標實際上不在按鈕(即視框的角落)上。如果按鈕排成一行並且大小相同,這不會成爲問題,

    11熱度

    4回答

    使用svg時,我注意到ios上有一件奇怪的事情。 svgs似乎在所有其他瀏覽器中都能正常工作,但在Safari ipad/iphone上,viewbox在svg的頂部和底部有一些奇怪的空間。有沒有其他人遇到過這個問題,並且你能夠修復它?使用一些簡單的SVG代碼,如: <svg width="100%" viewBox="0 0 20 10"> <polygon fill=red stro

    3熱度

    2回答

    在本文件: html, body { height: 100%; margin: 0; padding: 0; overflow: hidden } #content { width: 100%; height: 100% } <div id="content"> <svg xmln

    0熱度

    1回答

    我有一個SVG與幾個組元素。我需要將viewBox和preserveaspectratio應用於其中的一個組。有什麼辦法可以將它應用於一個組?或者有什麼辦法可以跳過一些<g>元素從SVG的viewBox和preserveaspectratio?

    0熱度

    1回答

    我有一個svg,讓我們說3個元素。我想把所有這些元素放在svg畫布的中心。現在重要的是我使用svg的'viewBox'屬性來縮放和平移。 我想用JavaScript來計算確切的位置,然後轉換它們的元素。 我已經嘗試過,但無法實現我想要的。 小提琴鏈接http://jsfiddle.net/FZe7u/ 下面是我的代碼: - HTML <svg version="1.1" id="mainsvg"

    0熱度

    2回答

    <svg xmlns="http://www.w3.org/2000/svg" width="1200px" height="250px" viewBox="0 0 400 250" id="RoomsSVG"> <svg id="Room101" width="400px" height="250px" x="0px" y="0px"> <rect id="Room101R

    0熱度

    2回答

    所以,讓我們說我有一個看起來像這樣的SVG: <svg width="800" height="600" viewBox="0 0 800 600" style="border: 1px solid blue;"> \t <path fill="#f00" stroke="none" d="M720 394.5c-27.98 0-51.61-6.96-71.97-18.72-29.64-17

    1熱度

    1回答

    我創建了一個簡單的例子https://jsfiddle.net/7mupweLe/ <svg style="background:yellow" height="200" width="200" viewBox="0 0 100 200" preserveAspectRatio="xMidYMid meet"> <rect class="rect" x="0" y="

    0熱度

    1回答

    我有一個svg圖像,我想自動調整爲100%的寬度。 問題是,我已經在該svg的左側放置了一個圖像(100px x 100px),並且該圖片必須保持其比例。 我試過用viewBox,但用這種方法整個svg,而不僅僅是路徑,得到調整大小。 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"