草庐IT

svg-edit

全部标签

html - 在 WebKit 上显示大背景 SVG 很慢?

我的网站背景有一个大的SVG图形。请在此处查看示例:http://jsfiddle.net/aAwgU/4/embedded/result/body{background:url(http://www.thedavidcummings.com/images/html.svg)no-repeatfixedright;background-size:auto100%;}它在Chrome和Firefox中运行良好,但在Safari中导航页面和调整浏览器页面的大小非常慢,并且页面在我的iPhone上完全崩溃。这是webkit中的错误吗?有没有办法让我的.svg更加WebKit友好?还是我应该只

html - 在 WebKit 上显示大背景 SVG 很慢?

我的网站背景有一个大的SVG图形。请在此处查看示例:http://jsfiddle.net/aAwgU/4/embedded/result/body{background:url(http://www.thedavidcummings.com/images/html.svg)no-repeatfixedright;background-size:auto100%;}它在Chrome和Firefox中运行良好,但在Safari中导航页面和调整浏览器页面的大小非常慢,并且页面在我的iPhone上完全崩溃。这是webkit中的错误吗?有没有办法让我的.svg更加WebKit友好?还是我应该只

html - d3,svg 中的 html,动画不透明度使 div 失去了位置,为什么?

一些上下文:我做了一个强制布局,并将div附加到我的svgg节点,这样我就可以显示漂亮的文本段落。我正在尝试创建淡出插入的div的过渡效果。问题:每当我在我的div的不透明度样式属性上启动转换时,它就会从定位流中弹出。我已经在链接fiddle中隔离了这个问题.它与强制布局无关,但我正在使用外部元素,以便我可以将html放置在基于svg的强制布局中。这是一个例子,thefiddle:varforeign=d3.select("body").append("svg").attr("height",200).attr("width",300).append("svg:g").attr("tr

html - d3,svg 中的 html,动画不透明度使 div 失去了位置,为什么?

一些上下文:我做了一个强制布局,并将div附加到我的svgg节点,这样我就可以显示漂亮的文本段落。我正在尝试创建淡出插入的div的过渡效果。问题:每当我在我的div的不透明度样式属性上启动转换时,它就会从定位流中弹出。我已经在链接fiddle中隔离了这个问题.它与强制布局无关,但我正在使用外部元素,以便我可以将html放置在基于svg的强制布局中。这是一个例子,thefiddle:varforeign=d3.select("body").append("svg").attr("height",200).attr("width",300).append("svg:g").attr("tr

css - 在纯 CSS、CSS/SVG 或 CSS/HTML5 中构建动态和可重用图形元素的最跨浏览器安全方式

关闭。这个问题需要更多focused.它目前不接受答案。想改善这个问题吗?更新问题,使其仅关注一个问题editingthispost.7年前关闭。Improvethisquestion1.目标我正在研究一种高度动态、可扩展的块/内联块级元素样式。它看起来像这样:2.我真正需要的从我的选项中进行选择的建议,基本上。什么方法与作为主要关注点的跨浏览器友好性和可扩展性最兼容?我使用SASS来渲染我的CSS,所以我的示例中的元素是伪代码。我希望能够使用明确定义的类层次结构动态控制以下内容:文本内容(特殊)高度(高度可变)宽度(5种可能的宽度;我正在Zurb的Foundation5中开发,元素将

css - 在纯 CSS、CSS/SVG 或 CSS/HTML5 中构建动态和可重用图形元素的最跨浏览器安全方式

关闭。这个问题需要更多focused.它目前不接受答案。想改善这个问题吗?更新问题,使其仅关注一个问题editingthispost.7年前关闭。Improvethisquestion1.目标我正在研究一种高度动态、可扩展的块/内联块级元素样式。它看起来像这样:2.我真正需要的从我的选项中进行选择的建议,基本上。什么方法与作为主要关注点的跨浏览器友好性和可扩展性最兼容?我使用SASS来渲染我的CSS,所以我的示例中的元素是伪代码。我希望能够使用明确定义的类层次结构动态控制以下内容:文本内容(特殊)高度(高度可变)宽度(5种可能的宽度;我正在Zurb的Foundation5中开发,元素将

javascript - 为什么 Chrome 在使用 jQuery Draggable 时会删除 SVG 上的图像图案?

我将SVG包装在可拖动的div中。SVG需要一个形状或路径,上面有图像填充。一切都在Firefox中呈现良好并100%工作。在Chrome中,它可以让你拖动一次,一切都很好,但在随后的拖动操作中,图像会在下降时消失。奇怪的是,图像在随后的拖动操作中重新出现在助手和原始div中,但总是在放下时消失。在IE中,它允许您拖动一次,然后它会卡住在原地。这是HTML:CSS:.svgcontainer{position:absolute;border:2pxsolidred;}Javascript:$(".draggable").draggable({helper:'clone',cursor:

javascript - 为什么 Chrome 在使用 jQuery Draggable 时会删除 SVG 上的图像图案?

我将SVG包装在可拖动的div中。SVG需要一个形状或路径,上面有图像填充。一切都在Firefox中呈现良好并100%工作。在Chrome中,它可以让你拖动一次,一切都很好,但在随后的拖动操作中,图像会在下降时消失。奇怪的是,图像在随后的拖动操作中重新出现在助手和原始div中,但总是在放下时消失。在IE中,它允许您拖动一次,然后它会卡住在原地。这是HTML:CSS:.svgcontainer{position:absolute;border:2pxsolidred;}Javascript:$(".draggable").draggable({helper:'clone',cursor:

html - 将 svg 添加到网页?

这个问题在这里已经有了答案:HowtomodifythefillcolorofanSVGimagewhenbeingservedasbackgroundimage?(24个答案)关闭7年前。如何将svg添加到我的网页并通过css更改它的颜色?我试过:.svg{fill:white;}但没有运气。请使用纯CSS解决方案,我不需要任何回退,只支持新的浏览器。

html - 将 svg 添加到网页?

这个问题在这里已经有了答案:HowtomodifythefillcolorofanSVGimagewhenbeingservedasbackgroundimage?(24个答案)关闭7年前。如何将svg添加到我的网页并通过css更改它的颜色?我试过:.svg{fill:white;}但没有运气。请使用纯CSS解决方案,我不需要任何回退,只支持新的浏览器。