junzhen_chen的博客

1.使用dodument对象创建一个SVG元素marker，为元素引入svg的命名空间（必需引入命名空间，不然浏览器将此元素当做普通html标签插入文档流）var marker = document.createElementNS("http://www.w3.org/2000/svg","marker");2. 使用标签元素对象的setAttribute函数为元素的属性设值

背景： 在开发项目中，选择了使用HTML5中SVG的path标签进行画动态的轨迹线，在往SVG标签中插入path标签后发现轨迹线画出来了，但是不会“动”解决方案：//利用Jquery获取到path元素var path = $("#myCanvas").find("path")[0];//获取path画出线条的总长度var length = path.getTotal

解决方案：1. 先在svg中利用元素、、元素  ，定义一个小箭头                         2. 在path中，通过marker-start 、 marker-end两个属性引用已经定义好的箭头marker元素 （marker-strt属性定义在path的起点引用箭头，marker-end属性定义在path的结束点引用箭头

用jQyery UI的draggable可以很方便地在PC端实现页面元素的可拖放，不过jQyery UI不是为移动端而写的，因此这个draggable方法在手机上无效。这么普通的问题，当然已经有了现成的解决方法，那就是再加一个jQuery UI Touch Punch插件即可。 jQuery UI Touch Punch下载点这里。原文： https://blog.brain1

利用 html2canvas插件快速实现快照功能用法： 下载并引入html2cancas.js文件，并直接调用html2canvas函数，传入参数参数说明： 1.需要快照的区域元素2. 配置对象        html2canvas($("#main-container"), {                        allowTaint: true,