首先我们先创建一个svg整体布局，代码如下： <!DOCTYPE html> <html> <head> <title>js操作svg实现整体缩放</title> <meta charset="utf-8"> </head> <body> <svg id="svg" style="backgroun ...
分类：
Web程序 时间：
2020-03-10 13:47:28
阅读次数：
65
<!DOCTYPE html> <html> <body> <p><b>Note:</b> This example only works in Firefox and Google Chrome.</p> <svg xmlns="http://www.w3.org/2000/svg" versio ...
分类：
其他好文 时间：
2020-03-05 11:50:02
阅读次数：
80
一、html5新特性--svg--(折线/渐变特效对象/滤镜) #折线:多个坐标点组件一条折线 <polyline points="50,50 70,55 60,66 " stroke="" stroke-width=""> </polyline> #points 一组坐标点 #渐变特效对象:一种特 ...
要先安装nodejs和svgo 安装好nodejs后在cmd里面输入npm i svgo -g（liunx下直接输入） import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReade ...
分类：
其他好文 时间：
2020-03-03 10:47:11
阅读次数：
95
摘要：上周 GitHub 趋势榜相较上上周就如同前故事一般，跌到不行，无论是新晋开源小项，还是坚挺老项目，Star 增长量都不如之前，即使“大环境”欠佳，但是有些新开源项目的表现让人眼前一亮，比如开源 6 天 star 破 3k 的 UI Heroicons 是当之无愧的上周热门项目，其他的项目虽表 ...
分类：
其他好文 时间：
2020-03-02 10:27:35
阅读次数：
50
一，D3中的方形，圆形，椭园，多边形，折线的画法 和数学中定义差不多。直接SVG代码和图。 <!DOCTYPE html> <svg width='1000' height='600' version='1.1' xmlns='http://www.w3.org/2000/svg'> <rect x ...
分类：
Web程序 时间：
2020-02-29 20:45:35
阅读次数：
71
之前一直想画这样的： 这样的： 这样的： 解决方案1 找了很多发现了这几个神奇的网站，卷积神经网络画图神器ConvNetDraw 画出来长这样 NN SVG ★★★★ 提供 三种典型 的神经网络绘图风格，个性化参数多 交互式绘图 解决方案2 自己用ppt画 我画出来是这样的 怎么画呢？ 1. 插入图 ...
分类：
其他好文 时间：
2020-02-28 18:35:18
阅读次数：
241
经常用于提示框，下拉菜单等（csdn也很多用到，最后一图），看图： 由于在网页中经常要用到，所以特地研究 图片实现（感觉low）、svg实现(小题大作了)，所以最后还是css画比较不错，兼容性也不错 三角形画法 html结构 <div class="triangle" </div 三角形画法 用bo ...
分类：
Web程序 时间：
2020-02-18 18:10:40
阅读次数：
96
前端常见的性能优化 1.减少HTTP请求次数和请求的大小 雪碧图（图片精灵） 图片base64 （webpack中可以配置） 尽量使用字体图标或者SVG等矢量图 减少HTTP请求次数或者减少请求内容的大小 渲染更快：因为它们是基于代码渲染的，而对于位图（png/jpg/gif）是需要先把图片编码再渲 ...
分类：
其他好文 时间：
2020-02-18 16:21:39
阅读次数：
68
1、找到需要的图标，这里我是在阿里巴巴图标库(https://www.iconfont.cn/)中找到对应的图标 下载为svg格式备用： 2、通过在线ttf编辑器打开uni.ttf文件(http://fontstore.baidu.com/static/editor/index.html#)，打开之 ...
分类：
移动开发 时间：
2020-02-15 11:40:29
阅读次数：
4074
