viewbox

    0热度

    1回答

    我使用带模板单元格的数据网格呈现我的数据。我可以添加我想到的任何类型的UI元素(DataTemplate,ContentControl,StackPanel,Rectangle),并且一切仍然正常。但只要我添加一个ViewBox,鼠标右键(在元素上)停止选择行/单元格。点击左键继续正常工作。 据我所知,ViewBox应该只是可视化的,但不能影响任何事件路由。 示例代码重现问题(红色长方形的作品,绿

    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热度

    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热度

    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

    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"

    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"