<"> SVG.path_不连续的线段 - 11GX
首页 > SVG.path_不连续的线段

SVG.path_不连续的线段

1、之前 用画的 线段等 都是连续的，想知道 是否能画 不连续的线段等

　　结论：可以

2、测试代码：

xml version="1.0" encoding="UTF-8"?>
<svg width="1000" height="800" viewBox="0 0 1000 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:cge="http://iec.ch/TC57/2005/SVG-schema#" xmlns:hzsvg="http://holleygrid.cn/svg"><style type="text/css">{ stroke:black;stroke-width:20px;fill:none;stroke-dasharray: 5;stroke-dashoffset: 10;/*-webkit-animation: dash01 1s linear infinite;*//*把这里的注释去掉，就是 变化的动态变化(动画)*/}@-webkit-keyframes dash01{ to{stroke-dashoffset: 0;}}-->]]>style><path d="M200 200 L300 300 M400 400 L500 500" />svg>

 

3、

4、

5、

 

转载于:https://www.cnblogs.com/h5skill/p/8399106.html

更多相关：

  • 【请求后台接口】30秒完成Angular10精简版HttpClient请求服务搭建

    ng g s services/http  app.module.ts ... @NgModule({declarations: [...],imports: [...HttpClientModule,//这个很重紧要，没有就会报错],providers: [],bootstrap: [AppComponent] }) expor...

  • 在CentOS 6.9 x86_64的nginx 1.12.2上安装第三方模块set-misc-nginx-module实录

    set-misc-nginx-module模块是标准的HttpRewriteModule指令的扩展，提供更多的功能，如URI转义与非转义、JSON引述、Hexadecimal/MD5/SHA1/Base32/Base64编码与解码、随机数等等。在后面的应用中，都将会接触使用到这个模块的。该模块是由章亦春先生开发的，他开发的其他模块应用...

  • 在CentOS 6.3 64bit上安装MySQL for python模块

    该源码包是MySQL-python-1.2.4b4.tar.gz 从2013-06-28以来一直没有更新，注意该网站可以区分访问的终端类型是Windows还是Linux之类的，从而返回的源码包格式不一样。 在CentOS上的安装方法是 http://www.cnblogs.com/jackluo/p/3559978.html...

  • ATS中开启Refer防盗链功能

    ATS默认提供了对Referer头的http request的防盗链功能，主要应用于图片，对视频等会使用级别更高的防盗链功能，比如事先约定好key，采用md5或HMAC-Sha1算法加密等。 在remap.config中按如下格式设置： map_with_referer client-URL origin-server-URL re...

  • 在ATS 5.3.0上测试background_fetch插件

    测试大文件下载 curl -I "http://resource.tsk.erya100.com/TS/flv/TS180/5836/9.flv?t=1430796561727" 单条转发模式in per remap mode 在remap.config中添加一条 map http://resource.tsk.e...

  • sgSpeedMode.js判断360浏览器是“兼容模式”，提示使用“极速模式”

        为了达到目的，当用户使用的是浏览器“兼容模式”就会出现以下提示 //极速模式提示信息-最简练的判断方式 if (navigator.userAgent.indexOf(".NET") > -1) {var svg_ie = "