1 基本图形和属性 <rect><circle><ellipse><line><polyline><polygon>矩形 圆形————椭圆———直线——折线—————多边形PS：<path> 用来绘制任意的曲线<rect> x y width height rx ry x y 表示左上角的位置 <c ...
分类：
其他好文 时间：
2020-01-05 12:03:38
阅读次数：
99
dom-to-image是一个可以将任意DOM节点转换为用JavaScript编写的矢量（SVG）或光栅（PNG或JPEG）图像的库。 它基于Paul Bakaus的domvas并且已被完全重写，修复了一些错误并添加了一些新功能（如Web字体和图像支持）。 github：点击查看 线上demo：点击 ...
分类：
移动开发 时间：
2020-01-04 01:09:47
阅读次数：
402
加入Form.api.bindevent($("form[role=form]"))后表单提交提示红色OK 发布于 2019-12-17 13:09:55 表单需要一些组件 在对应的JS文件中加入Form.api.bindevent($("form[role=form]")); ...
分类：
其他好文 时间：
2020-01-01 20:55:02
阅读次数：
283
[TOC] webpack基本使用 什么是webpack? webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具； webpack可以用来做什么 在网页中会引用哪些常见的静态资源？ JS .js .jsx .coffee .ts（TypeScript 类 C 语 ...
分类：
Web程序 时间：
2019-12-31 01:19:30
阅读次数：
96
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个） 原因：主要是为了减少http请求次数以及减少请求资源的大小 打包工具： webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 ...
分类：
Web程序 时间：
2019-12-28 16:37:57
阅读次数：
129
一：定义 什么是canvas canvas画布，使用js在网页上绘制图像 什么是svgsvg是可伸缩矢量图 二：使用 canvas使用 <script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt ...
分类：
其他好文 时间：
2019-12-27 13:31:58
阅读次数：
73
之前我已经分享了一篇css画圆环，为啥今天还要分享一篇svg画圆环呢? 原因是：css画圆环在部分ipone手机会有bug，最大张角为90°，所以圆环会有白色的间隙。 好了，开始代码展示： html： <svg class="c-c-c"> <!-- score为百分比值 --> <!-- colo ...
分类：
其他好文 时间：
2019-12-24 11:37:11
阅读次数：
70
资料 | 网址 | 有助于优化产品和适配的两种图片格式：WebP&SVG | https://www.ui.cn/detail/93964.html JPG、PNG、GIF、SVG 等格式图片区别 | https://www.cnblogs.com/gaoht/p/10482942.html ...
分类：
Web程序 时间：
2019-12-24 10:12:32
阅读次数：
128
Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。 Canvas 描述： 通过Javascript来绘制2D图形。 是逐像素进行渲染的。 其位置发生改变，会重新进行绘制。 SVG 描述： 一种使用XML描述的2D图形的语言 SVG基于XML意味着，SVG DOM中的每个 ...
分类：
其他好文 时间：
2019-12-23 22:50:08
阅读次数：
139
