1、svg绘制出来的每一个图形的元素都是独立的DOM节点,能够方便的绑定事件或用来修改。canvas输出的是一整幅画布; 2、svg输出的图形是矢量图形,后期可以修改参数来自由放大缩小,不会是真和锯齿。而canvas输出标量画布,就像一张图片一样,放大会失真或者锯齿 https://www.cnbl ...
分类:
其他好文 时间:
2020-02-10 11:54:23
阅读次数:
60
今天是鼠年正月十二。这是Jerry鼠年的第 11 篇文章,也是汪子熙公众号总共第 210 篇原创文章。 之前Jerry的文章 " 使用ABAP操作Excel的几种方法 " ,介绍的是通过ABAP这门编程语言去操作Excel的方法。 除了编程语言之外,SAP新发布的SAP Intelligent Ro ...
分类:
其他好文 时间:
2020-02-08 19:35:53
阅读次数:
102
layUI颜色 1.layUI内置了7种颜色: layUI图标 layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(阿里巴巴矢量图库里面有很多小图标)。可以通过 font-class 或 unicode 来定义不同的图标。 从 layui 2.3.0 开始,支持 font-class ...
分类:
其他好文 时间:
2020-02-02 23:29:41
阅读次数:
285
开发的项目中缺少不了图形图像的支持,对图的使用场景也是极多的,但对其内部原理却一直处理模糊状态,抽时间做个整理吧,理一下相关的概念。一、矢量图与位图矢量图与位图均为图像的表述方式,矢量图可以理解为在我们口中描述图形的方法,比如:图A:一个半径10cm的绿色实心圆,重点包括:圆、实心、绿色、半径为10 ...
分类:
其他好文 时间:
2020-01-23 15:21:02
阅读次数:
111
这篇文章衔接上篇,主要罗列一些前端面试中可能问到的html中最基本的问题。 (格式有点乱,内容有点水,罗列了一些基本用法,大家随便看看) 常用标签 容器标签 div div标签本身无特殊意义,作为一个块级容器,主要用于组合其他html元素常用于页面的布局。 span span标签与div标签类似,本 ...
分类:
Web程序 时间:
2020-01-20 22:52:26
阅读次数:
118
本文我是参照openlayers官网webgl点渲染例子,替换自己的数据源做的测试渲染例子,测试点图层77w左右个点,渲染效果还可以,体验问题不大。 ...
分类:
Web程序 时间:
2020-01-20 12:42:29
阅读次数:
267
一:什么是svg? SVG英文全称为Scalable Vector Graphics,意思为可缩放的矢量图 科普: 计算机中有2种图形,一种是位图,一种是矢量图 传统的 jpg / png / gif图都是位图 位图是一个个很小的颜色小方块组合在一起的图片。一个小方块代表1px 位图的优点和缺点 优 ...
分类:
其他好文 时间:
2020-01-12 13:35:58
阅读次数:
57
#!usr/bin/env python #-*- coding:utf-8 _*- """ @author:Administrator @file: 可视化天气预报.py @time: 2020/1/7 17:54 """ from lxml import etree import request ...
分类:
其他好文 时间:
2020-01-08 12:53:58
阅读次数:
164
昨天做了个个人网站,运行一会风扇就开始呼呼呼呼的扇,初步判断肯定是图片需要优化。 说到优化首先要注意: 1、在animate中尽量或者不适用矢量图形和矢量动画。(如果注重项目加载速度时多用矢量 注重项目体验与动画流畅时多用位图,现因为国产旧手机多对矢量支持不好,特别是安卓,还是多用位图吧,png用工 ...
分类:
Web程序 时间:
2019-12-29 11:31:28
阅读次数:
82
一:定义 什么是canvas canvas画布,使用js在网页上绘制图像 什么是svgsvg是可伸缩矢量图 二:使用 canvas使用 <script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt ...
分类:
其他好文 时间:
2019-12-27 13:31:58
阅读次数:
73