小编Pra*_*ant的帖子

我在Android手机上遇到SVG Scaling问题.

我的网站的几个部分基于通过<img>标签嵌入SVG的宽度和高度尺寸.除了Android 4.1.2 Native Browser(非CHROME)之外的所有浏览器,在不扭曲宽高比的情况下正确且完美地扩展SVG.

这是它在Firefox(以及所有浏览器)上的显示方式的屏幕截图

以下是它在Android 4.1.2 Native Browser上的显示方式的屏幕截图.

测试网址 http://prashantsani.com/demos/svgIssue/

我尝试了以下所有解决方案,但没有一个有效.

1. 设置宽度,高度和视图框不起作用.此外,preserveAspectRatio也不起作用.<svg width="443.5" height="100" viewBox="0 0 443.5 100" preserveAspectRatio="xMidYMid meet">

2. 在另一个SVG内部进行包装并不能解决这个问题(另外,我不想让图像居中,而是需要一种方式来扩展图像). 以编程方式居中svg路径

3. 我试过这个:SVG调整图像宽高比,但它也不起作用.宽度和高度已经以整数设置,而不是%或px.

请在回答之前阅读以下内容:

1. 由于布局要求在某些地方宽度和高度,我必须在某些地方保持两者.
2. 此问题仅发生在Android 4.1.2 {"浏览器"应用程序}上的NATIVE BROWSER APP中.它在Chrome和Android 4.1.2上的所有其他浏览器中的预期效果非常出色.
3. 如果找到解决方案,小提琴或编码器会很有用.
4. 不打算使用除SVG之外的任何图像格式.
5. 通过css ....和SVG中提到的宽度和高度必须相应地缩放.

谢谢.

我有一个div,在某些标签上添加了动态数据属性.(数据的名称 - 由脚本动态生成的属性,因此我的脚本无法知道数据属性的名称)

<div data-1223="some data" data-209329="some data" data-dog="some value"> </div>

现在,我想编写一个代码,通过删除所有数据属性及其值来重置div.

我可以用

$('div').attr('data-209329',"")

但问题是我不知道将要添加的数据属性的名称.将添加的数据属性是动态的,我无法控制它.

删除div并重新插入div不是一个选项.请帮忙.提前致谢