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.
阅读(876)
上一篇：css函数calc()的使用
下一篇：vue弹窗组件的实现
扩展阅读
- web中ajax请求后台的节流方式，减轻服务器压力
- Vue使用vuex报错 “was assigned to but it has no setter”
- Vue的watch中调用this的注意项
- oninput事件和onpropertychange事件的用途
- 快速掌握区块链及比特币运作原理
- SVG内嵌html页面中viewBox是区分大小写的
- jquery的hooks兼容之input兼容处理讲解
- margin不起作用的原因：margin collapse margin折叠又叫margin坍陷
- 跟apply，call方法有点类似的bind方法Function.prototype.bind学习
- box-flex与flex的不同，从渲染机制猜想进行深层分析，box弹性布局的不完善性以及解决方法，flex弹性布局的优点
- ES6的Map,Set集合，新的数据结构
- -webkit-box-reflect制作镜像的样式介绍
- DOM事件中获取event对象的方法（IE下event是全局对象，FF下event是临时对象）
- FormData通过ajax2上传文件在IOS上的坑
- text-shadow文字阴影制作3D文字效果
辛苦了，打赏喝个咖啡
微信
支付宝
妹纸前端
最新文章
- web中ajax请求后台的节流方式，减轻服务器压力
- Vue使用vuex报错 “was assigned to but it has no setter”
- Vue的watch中调用this的注意项
- oninput事件和onpropertychange事件的用途
- 快速掌握区块链及比特币运作原理
- 通过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()创建一个新的对象
热门排行
- css box-shadow详解,以及box-shadow立体按钮，box-shadow 四周阴影，box-shadow 单边阴影的实现
- HTML5 progress进度条详解
- css3的vw单位,vh单位的讲解，以及vw vh的兼容性
- JSON.parse报错,Unexpected token o in JSON at position 1,Unexpected token in JSON at position 650
- flex 兼容IE8，flex兼容IE7,通过clear both清除浮动和float 实现兼容IE的flex布局
- JS事件中防抖debounce和节流throttle概念原理的学习
- Object.assign()用来拷贝对象，类似于jquery的$.extend方法
- css :not()函数多个条件使用
- ES6的模板字符串（template strings）以及带标签的模板字符串
- css absolute同时设置top,bottom确定div的高度
- 光标_input输入框的光标操作，以及选中方式-textRange.select()方法讲解
- 从数组遍历谈一下js中的递归调用
- NPM 安装React 或者vue-cli时报错npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir解决方法
- ES6的生成器函数（generator）function*,yield,yield*学习使用
- AMD规范的requireJs学习使用，以及ES6的Module中import，export对比