随笔分类 -  SVG

SVG.背景渐变(风格)_QtOpebGL
该文被密码保护。
posted @ 2019-03-20 21:38 Html5Skill 阅读(1) 评论(0) 推荐(0)
SVG.外部<symbol/>__测试
摘要：1、ZC：是对文章“SVG.外部<symbol/>（https://www.cnblogs.com/h5skill/p/9070854.html）”的内容的测试 1.1、ZC：测试的是 这个方式：“<use x="0" y="0" xlink:herf="外部文件.svg#修饰ID">” 1.2、Z 阅读全文
posted @ 2018-10-25 16:14 Html5Skill 阅读(752) 评论(0) 推荐(0)
SVG.属性（各种）
摘要：1、transform [ 参考网址：SVG之transform - 前端学习笔记 - SegmentFault 思否.html（https://segmentfault.com/a/1190000009248258） ] 1.1、transform="translate(x-value, y-va 阅读全文
posted @ 2018-06-27 15:07 Html5Skill 阅读(1721) 评论(0) 推荐(0)
SVG.image
摘要：1、资料： 1.1、svg插入的图片（image）如何不按照原始比例显示？ - 知乎.html（https://www.zhihu.com/question/34651694） 1.2、SVG基础 _ SVG Viewport、View Box和preserveAspectRatio_jQuery之 阅读全文
posted @ 2018-05-30 17:05 Html5Skill 阅读(1013) 评论(0) 推荐(0)
SVG.圆弧（rx!=ry）
摘要：1、资料： 1.1、SVG (一) 图形, 路径, 变换总结; 以及椭圆弧线, 贝塞尔曲线的详细解释 - I don't know JS... yet! - SegmentFault 思否.html（https://segmentfault.com/a/1190000004393817） 1.2、S 阅读全文
posted @ 2018-05-29 11:49 Html5Skill 阅读(401) 评论(0) 推荐(0)
SVG.圆弧（rx==ry）
摘要：1、资料： 1.1、svg绘制圆弧 - 华安 - 博客园.html（https://www.cnblogs.com/huaan011/p/5996447.html） 1.2、SVG路径（path）中的圆弧(A)指令的语法说明及计算逻辑 - CSDN博客.html（https://blog.csdn. 阅读全文
posted @ 2018-05-29 11:48 Html5Skill 阅读(285) 评论(0) 推荐(0)
SVG.圆角矩形
摘要：1、 ZC：fill 有 fill-opacity，stroke 也有 stroke-opacity 。 2、 3、 4、 5、 阅读全文
posted @ 2018-05-29 09:13 Html5Skill 阅读(2018) 评论(0) 推荐(0)
SVG.外部<symbol/>
摘要：ZC：待测试： ZC： （1）、chrome等浏览器 在什么版本（什么时候）开始 能够 引用外部<symbol/> ZC： （2）、Qt532 的WebKit 能否支持 引用外部<symbol/> 1、 2、网页资料： Adobe SVG Viewer 中使用外部文件定义的Symbol（https: 阅读全文
posted @ 2018-05-22 10:43 Html5Skill 阅读(257) 评论(0) 推荐(0)
SVG.图形相交(Intersection)
该文被密码保护。
posted @ 2018-03-19 16:41 Html5Skill 阅读(4) 评论(0) 推荐(0)
SVG.代码格式化(整理、美化)
摘要：1、 http://www.atool.org/xmlformat.php http://web.chacuo.net/formatxml http://tool.oschina.net/codeformat/xml/ ZC：我觉得这个比较好 http://tools.jb51.net/tools/ 阅读全文
posted @ 2018-03-19 16:11 Html5Skill 阅读(4471) 评论(0) 推荐(0)
SVG.图形在网页中的位置
摘要：1、<svg/>直接写在 html中，得到 svg中图形（图形A）的位置，将浮动的<div/>移动到 图形A的上方 2、测试代码：（chrome for windows 版本 56.0.2924.87 中 效果OK） 3、 4、 5、 阅读全文
posted @ 2018-02-02 10:20 Html5Skill 阅读(1422) 评论(0) 推荐(0)
SVG.显示表格<table/>
摘要：不用自己绘制表格那么麻烦，使用 <foreignObject/>即可（注意 里面有一个<body/>，再里面才是 <table/>） 下面是一个例子: ZC：注意：(1)、<foreignObject/>中的大写字母"O"，必须是大写，不然 Chrome（版本 51.0.2704.63 m）认不得 阅读全文
posted @ 2018-01-26 16:03 Html5Skill 阅读(3384) 评论(0) 推荐(0)
SVG.<text/>选中时显示的背景
摘要：1、我在 DTS里面的做法：css里面使用如下： 2、搜索到的资料，“::selection 选择器” http://www.genshuixue.com/i-cxy/p/15732371 ::selection 选择器,选择被用户选取的元素部分。是css3的用法，讲真，我觉得这个东西没必要特地去写 阅读全文
posted @ 2018-01-15 16:59 Html5Skill 阅读(2514) 评论(0) 推荐(0)
SVG.<text/>文字的长度
摘要：1、SVGTextElement.getBBox() ==> 然后得到 宽 和 高 2、SVGTextElement.getComputedTextLength() ==> 这个是得到 宽 的函数，貌似没有得到 高 的函数...(我把 SVGTextElement 的所有属性都打印出来了，貌似也没找 阅读全文
posted @ 2017-12-12 14:44 Html5Skill 阅读(3492) 评论(0) 推荐(0)
SVG_图形中空部分可点选
摘要：1、比较下面两个图形： 1.1、<rect x="100" y="100" width="40" height="80" stroke="blue" stroke-width="5" fill="none" fill-opacity="0"/> 1.2、<rect x="200" y="100" w 阅读全文
posted @ 2017-02-20 11:13 Html5Skill 阅读(1248) 评论(0) 推荐(0)