SVG内嵌html页面中viewBox是区分大小写的
2017-12-21 10:50
<svg viewBox='0 0 500 500' preserveAspectRatio='xMidYMid meet' xmlns="http://www.w3.org/2000/svg"> <circle cx='100' cy='100' r='100' stroke-width='10' stroke='#8DC960' stroke-dasharray='0 50'> </circle> </svg>
这个可以正常显示，
<svg viewbox='0 0 500 500' preserveAspectRatio='xMidYMid meet' xmlns="http://www.w3.org/2000/svg"> <circle cx='100' cy='100' r='100' stroke-width='10' stroke='#8DC960' stroke-dasharray='0 50'> </circle> </svg>
而这个就不能正常显示了。svg的属性区分大小写，谨记！！！
原创文章，转载请注明来自:妹纸前端-www.webfront-js.com.
阅读(533)
上一篇：css函数calc()的使用
下一篇：vue弹窗组件的实现
扩展阅读
- 快速掌握区块链及比特币运作原理
- FormData通过ajax2上传文件在IOS上的坑
- Vue中v-model在组件中的使用
- 在web页面中onscroll事件不触发的状况记录
- SVG内嵌html页面中viewBox是区分大小写的
- 通过Node结合express和http-proxy-middleware实现完全的代理服务器
- jquery的hooks兼容之input兼容处理讲解
- margin不起作用的原因：margin collapse margin折叠又叫margin坍陷
- IE中的VML介绍
- 跟apply，call方法有点类似的bind方法Function.prototype.bind学习
- ES6的Map,Set集合，新的数据结构
- DOM事件中获取event对象的方法（IE下event是全局对象，FF下event是临时对象）
- text-shadow文字阴影制作3D文字效果
- box-flex与flex的不同，从渲染机制猜想进行深层分析，box弹性布局的不完善性以及解决方法，flex弹性布局的优点
- js正则中的贪婪匹配和非贪婪匹配
辛苦了，打赏喝个咖啡
微信
支付宝
妹纸前端
最新文章
- 快速掌握区块链及比特币运作原理
- 通过Node结合express和http-proxy-middleware实现完全的代理服务器
- FormData通过ajax2上传文件在IOS上的坑
- 在web页面中onscroll事件不触发的状况记录
- vue本地开发之Node搭建代理服务器访问线上API
- Vue中v-model在组件中的使用
- vue弹窗组件的实现
- SVG内嵌html页面中viewBox是区分大小写的
- css函数calc()的使用
- NPM 安装React 或者vue-cli时报错npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir解决方法
- Object.create()创建一个新的对象
- Object.assign()用来拷贝对象，类似于jquery的$.extend方法
- 前端自动化浅谈
- 微信小程序-屎一样的开发体验
- CSS3选择器nth-child,nth-last-child,nth-last-of-type,nth-of-type,last-of-type,last-child
热门排行
- css box-shadow详解,以及box-shadow立体按钮，box-shadow 四周阴影，box-shadow 单边阴影的实现
- JSON.parse报错,Unexpected token o in JSON at position 1,Unexpected token in JSON at position 650
- HTML5 progress进度条详解
- flex 兼容IE8，flex兼容IE7,通过clear both清除浮动和float 实现兼容IE的flex布局
- css3的vw单位,vh单位的讲解，以及vw vh的兼容性
- css :not()函数多个条件使用
- Object.assign()用来拷贝对象，类似于jquery的$.extend方法
- css absolute同时设置top,bottom确定div的高度
- JS事件中防抖debounce和节流throttle概念原理的学习
- ES6的模板字符串（template strings）以及带标签的模板字符串
- 从数组遍历谈一下js中的递归调用
- 原生js获取dom元素-兼容写法
- NPM 安装React 或者vue-cli时报错npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir解决方法
- 原生js的event事件兼容，火狐隐式获取event的方法
- AMD规范的requireJs学习使用，以及ES6的Module中import，export对比