鳕鱼天空

This is Mr Wang's Tech Blog.

创建iconfont,并在微信小程序中使用

iconfont 官网 https://www.iconfont.cn/,可以使用github,或者微博账号登录

点击资源管理,我的图标,可以上传图标,本次制作了4个软镖中使用到的米老鼠的图标,发现了一些问题,就是线条的粗细在字体中无法使用,还是要用轮廓围起来然后填充

先用AI进行了初步的×的绘制,圆环就需要手动了,先附上参考网址

SVG 的平移、旋转和缩放

菜鸟教程在线编辑

由于不擅长设计软件,就用画3D模型的犀牛绘制了圆环的线条,然后手动测出了点的位置并用excel转换出绝对坐标:

用非常土的方法绘制出了一段圆环,

<path d="M 43.041 35.970 
L 35.913 28.842 
A 45 45 0 0 1 92.087 28.842 
L 84.959 35.970 
A 35 35 1 0 0 43.041 35.970" 
fill="#000000"/> 

接着用旋转的方法画出了另外三条

 transform="translate(128,0)rotate(90)"
transform="translate(128,128)rotate(180)"
transform="translate(0,128)rotate(-90)"

附上完整代码:

<svg x="0px" y="0px" width="128px" height="128px" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 43.041 35.970 
  L 35.913 28.842 
  A 45 45 0 0 1 92.087 28.842 
  L 84.959 35.970 
  A 35 35 1 0 0 43.041 35.970" fill="#000000"/>
<g transform="translate(128,0)rotate(90)">
<path d="M 43.041 35.970 
  L 35.913 28.842 
  A 45 45 0 0 1 92.087 28.842 
  L 84.959 35.970 
  A 35 35 1 0 0 43.041 35.970" fill="#000000" />
</g>
<g transform="translate(128,128)rotate(180)">
<path d="M 43.041 35.970 
  L 35.913 28.842 
  A 45 45 0 0 1 92.087 28.842 
  L 84.959 35.970 
  A 35 35 1 0 0 43.041 35.970" fill="#000000" />
</g>
<g transform="translate(0,128)rotate(-90)">
<path d="M 43.041 35.970 
  L 35.913 28.842 
  A 45 45 0 0 1 92.087 28.842 
  L 84.959 35.970 
  A 35 35 1 0 0 43.041 35.970" fill="#000000" />
</g>
<rect x="-1.383" y="58.673" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 64 154.5097)" width="130.766" height="10.655"/>
<rect x="-1.383" y="58.673" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -26.5097 64)" width="130.766" height="10.655"/>
</svg>

svgo压缩后的代码(我手动把viewBox加回去了,否则上传到iconfont会变形):

<svg x="0px" y="0px" width="128px" height="128px" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="M43.041 35.97l-7.128-7.128a45 45 0 0 1 56.174 0l-7.128 7.128a35 35 1 0 0-41.918 0M92.03 43.041l7.128-7.128a45 45 0 0 1 0 56.174l-7.128-7.128a35 35 0 0 0 0-41.918M84.959 92.03l7.128 7.128a45 45 0 0 1-56.174 0l7.128-7.128a35 35 0 0 0 41.918 0M35.97 84.959l-7.128 7.128a45 45 0 0 1 0-56.174l7.128 7.128a35 35 0 0 0 0 41.918"/><path d="M106.466 114L14 21.535l7.534-7.534L114 106.466z"/><path d="M14 106.466L106.465 14l7.534 7.534L21.534 114z"/></svg>

接着把需要的字符都上传到iconfont,然后把他们加入购物车,并点开购物车,下载代码。

下载回来的是一个压缩包,我们如果在小程序里用,可以采用推荐的“Font class”模式,复制iconfont.css到小程序,并只保留woff2那一段,其他可以参考里面的demo_index.html操作,页面上只需要一个span,指定样式便可使用,还可以自定义字体颜色(这个是关键,不然直接画个png图标,何必非那么大力气。。。),还可以设置字号,非常赞!

 <span class="mickey icon-mark-3" style="color:rgba(190, 0, 0);font-size: 64rpx;"></span>

 

github 命令行 代理加速

git config --global http.https://github.com.proxy socks5://127.0.0.1:1080
git config --global https.https://github.com.proxy socks5://127.0.0.1:1080

Arduino学习索引贴

DS3231的简易时钟,1602液晶显示、串口修改时间 极客工坊

I2C器件之PCF8574TS调试记录(i2c to io8) csdn 琉球主

休眠相关:

Arduino UNO 睡眠模式以及关键代码

更新外置气象应用_让arduino用2颗5号电池运行1年以上 

Arduino pro mini 休眠与看门狗唤醒

rduino的详细介绍(基于Mega2560)(分文)——外部中断attachInterrupt()

關於中断(Interrupt)的一些五四三... 中斷 . .

Arduino - 看门狗定时器(WDT:Watch Dog Timer)

arduino pro mini 烧录 :rts -> dtr,烧录时不需要重启 

参考1:说说流控制(RTS/CTS/DTR/DSR 你都明白了吗?)【转】

参考2:UART的RTS,CTS,DTR,DSR这类不常用的特殊信号

OLED中文取模:PCtoLCD

 

Arduino公开课

第15课 端口内部的上拉功能

arduino可用的标准c++库

SQL Server 2012/2016/2017 新增函数

/**************************************************************  
SQL Server 2012 新增的函数  
***************************************************************/  
  
--  CONCAT ( string_value1, string_value2 [, string_valueN ] ) #字符串相连  
SELECT CONCAT('A','BB','CCC','DDDD')  
--结果:ABBCCCDDDD  
  
--  PARSE ( string_value AS data_type [ USING culture ] ) #转换为所请求的数据类型的表达式��结果  
SELECT PARSE('Monday, 13 December 2010' AS datetime2 USING 'en-US') AS Result;  
SELECT PARSE('€345,98' AS money USING 'de-DE') AS Result;  
  
SET LANGUAGE 'English';  
SELECT PARSE('12/16/2010' AS datetime2) AS Result;  
  
/*结果:  
2010-12-13 00:00:00.0000000  
345.98  
2010-12-16 00:00:00.0000000  
*/  
  
--  TRY_CAST 、TRY_CONVERT、TRY_PARSE  (TRY_PARSE 仅用于从字符串转换为日期/时间和数字类型)  
SELECT TRY_CAST('test' AS float),TRY_CAST(5 AS VARCHAR)  
SELECT TRY_CONVERT(float,'test'),TRY_CONVERT(VARCHAR,5)  
SELECT TRY_PARSE('test' AS float),TRY_PARSE('01/01/2011' AS datetime2)  
/*结果:  
NULL    5  
NULL    5  
NULL    2011-01-01 00:00:00.0000000  
*/  
  
  
--  CHOOSE ( index, val_1, val_2 [, val_n ] ) #返回指定索引处的项 (即返回第几个值)  
SELECT CHOOSE ( 3, 'Manager', 'Director', 'Developer', 'Tester' ) AS Result;  
--结果:Developer  
  
--  IIF ( boolean_expression, true_value, false_value )   
SELECT IIF ( 10 > 5, 'TRUE', 'FALSE' ) AS Result;  
SELECT (CASE WHEN 10 > 5 THEN 'TRUE' ELSE 'FALSE' END) AS Result;  
--结果:TRUE  
  
  
--  排名函数!  
SELECT *  
,ROW_NUMBER ( ) OVER (PARTITION BY MyName ORDER BY Num) AS 'ROW_NUMBER' --按顺序排名  
,DENSE_RANK ( ) OVER (PARTITION BY MyName ORDER BY Num) AS 'DENSE_RANK' --同排名的后面排名连续  
,RANK  ( ) OVER (PARTITION BY MyName ORDER BY Num) AS 'RANK'            --同排名的后面排名不连续  
,NTILE (2) OVER (PARTITION BY MyName ORDER BY Num) AS 'NTILE'           --按总数分两组,顺序排名  
FROM (VALUES('AA',55),('AA',30.5),('BB',55),('BB',99),('BB',0),('BB',55))AS T(MyName,Num)  
ORDER BY MyName,Num  
/*  
MyName  Num     ROW_NUMBER  DENSE_RANK  RANK    NTILE  
------  -----   ----------  ----------  ------  -----  
AA      30.5    1           1           1       1  
AA      55.0    2           2           2       2  
BB      0.0     1           1           1       1  
BB      55.0    2           2           2       1  
BB      55.0    3           2           2       2  
BB      99.0    4           3           4       2  
*/  
  
  
--  分析函数!  
SELECT *   
,CUME_DIST( )OVER (PARTITION BY MyName ORDER BY Num) AS 'CUME_DIST'     --相对(最大值)位置  
,PERCENT_RANK( )OVER (PARTITION BY MyName ORDER BY Num) AS 'PERCENT_RANK' --相对排名,排名分数参考 CUME_DIST  
,FIRST_VALUE (MyName)OVER ( ORDER BY Num ASC) AS 'FIRST_VALUE'          --Num 最低的是哪个MyName  
,LAST_VALUE  (MyName)OVER ( ORDER BY Num ASC) AS 'LAST_VALUE'           --Num 排序选底部的那个MyName  
,LAG (Num,1,0)OVER (ORDER BY Num ASC) AS 'LAG'      --上/下一行(或多行)的值移到下/上一行(或多行),方便对比  
,LEAD (Num,1,0)OVER (ORDER BY Num ASC) AS 'LEAD'    --与LAG一样,排序相反  
,PERCENTILE_CONT(0.5)WITHIN GROUP (ORDER BY Num) OVER (PARTITION BY MyName) AS 'PERCENTILE_CONT' --连续分布计算百分位数  
,PERCENTILE_DISC(0.5)WITHIN GROUP (ORDER BY Num) OVER (PARTITION BY MyName) AS 'PERCENTILE_DISC' --离散分布计算百分位数  
FROM (VALUES('AA',55),('AA',30.5),('BB',55),('BB',99),('BB',0),('BB',55))AS T(MyName,Num)  
ORDER BY Num ASC  
  
/*  
MyName  Num     CUME_DIST   PERCENT_RANK    FIRST_VALUE LAST_VALUE  LAG     LEAD    PERCENTILE_CONT PERCENTILE_DISC  
------  -----   ---------   ------------    ----------- ----------  -----   -----   --------------- ---------------  
BB      0.0     0.25        0               BB          BB          0.0     30.5    55              55.0  
AA      30.5    0.5         0               BB          AA          0.0     55.0    42.75           30.5  
AA      55.0    1           1               BB          BB          30.5    55.0    42.75           30.5  
BB      55.0    0.75        0.33333         BB          BB          55.0    55.0    55              55.0  
BB      55.0    0.75        0.33333         BB          BB          55.0    99.0    55              55.0  
BB      99.0    1           1               BB          BB          55.0    0.0     55              55.0  
*/  
  
/**************************************************************  
SQL Server 2014 新增的函数  
***************************************************************/  
  
--貌似没有什么  
  
/**************************************************************  
SQL Server 2016 新增的函数  
***************************************************************/  
  
--  STRING_SPLIT ( string , separator ) #字符分割  
SELECT value FROM STRING_SPLIT('A,B,C',',')  
/*结果:  
value  
-----  
A  
B  
C  
*/  
  
--  STRING_ESCAPE( text , type )  #特殊字符转成带有转义字符的文本(type只支持json)  
SELECT STRING_ESCAPE('\   /  \\    "     ', 'json') AS escapedText;  
--结果:\\   \/  \\\\    \"       
  
  
--  DATEDIFF_BIG ( datepart , startdate , enddate ) #日期之间的计数  
SELECT DATEDIFF(day, '2005-12-12', '2017-10-10'); --以前版本  
SELECT DATEDIFF_BIG(day, '2005-12-12', '2017-10-10');  
SELECT DATEDIFF_BIG(millisecond, '2005-12-31 23:59:59.9999999', '2006-01-01 00:00:00.0000000');  
/*结果:  
 
 
 
*/  
  
--  inputdate AT TIME ZONE timezone  #时区时间  
SELECT * FROM sys.time_zone_info -- 时区及名称参考  
SELECT CONVERT(DATETIME,'2017-10-10') AT TIME ZONE 'Pacific Standard Time'  
SELECT CONVERT(DATETIME,'2017-10-10') AT TIME ZONE 'China Standard Time'  
SELECT CONVERT(datetime2(0), '2017-10-10T01:01:00', 126) AT TIME ZONE 'Pacific Standard Time';  
SELECT CONVERT(datetime2(0), '2017-10-10T01:01:00', 126) AT TIME ZONE 'China Standard Time';  
/*结果:  
2017-10-10 00:00:00.000 -07:00  
2017-10-10 00:00:00.000 +08:00  
2017-10-10 01:01:00 -07:00  
2017-10-10 01:01:00 +08:00  
*/  
  
--  COMPRESS ( expression ) # GZIP算法压缩为varbinary(max)  
DECLARE @COM varbinary(max)  
SELECT @COM = COMPRESS(N'{"sport":"Tennis","age": 28,"rank":1,"points":15258, turn":17}')  
SELECT @COM  
--结果:0x1F8B08000000000004002DCC410A80300C44D17F94D2B51B85A2780E2FE042A414AAD4BA12EFEE……(略)  
  
--  DECOMPRESS ( expression )#解压缩  
SELECT CAST(DECOMPRESS(@COM) AS NVARCHAR(MAX))  
--结果:{"sport":"Tennis","age": 28,"rank":1,"points":15258, turn":17}  
  
  
--  SESSION_CONTEXT(N'key')  #获取指定的键的值  
EXEC sp_set_session_context 'user_id', 4;  --设置键值  
SELECT SESSION_CONTEXT(N'user_id');    
--结果:4  
  
  
--  ISJSON ( expression ) #测试字符串是否包含有效JSON  
DECLARE @param1 NVARCHAR(MAX)  
DECLARE @param2 NVARCHAR(MAX)  
SET @param1 = N' "id" : 2,"info": { "name": "John", "surname": "Smith" }, "age": 25 '    
SET @param2 = N'[{ "id" : 2,"info": { "name": "John", "surname": "Smith" }, "age": 25 }]'    
SELECT ISJSON(@param1) as P1, ISJSON(@param2) as P2  
GO  
/*结果:  
P1  P2  
--  --  
  1  
*/  
  
--  JSON_VALUE ( expression , path ) #从 JSON 字符串中提取值  
DECLARE @param NVARCHAR(MAX)  
SET @param = N'{ "id" : 2,"info": { "name": "John", "surname": "Smith" }, "age": 25 }'    
SELECT JSON_VALUE(@param,'$.id') as P1,JSON_VALUE(@param,'$.info.name')as P2  
GO  
/*结果:  
P1  P2  
--  ----  
  John  
*/  
  
--  JSON_QUERY ( expression [ , path ] )  #从 JSON 字符串中提取对象或数组  
DECLARE @param NVARCHAR(MAX)  
SET @param = N'{ "id" : 2,"info": { "name": "John", "surname": "Smith" }, "age": 25 }'    
SELECT JSON_QUERY(@param,'$.info')  
GO  
--结果:{ "name": "John", "surname": "Smith" }  
  
  
--  JSON_MODIFY ( expression , path , newValue )  #更新的 JSON 字符串中属性的值并返回更新的 JSON 字符串  
DECLARE @param NVARCHAR(MAX)  
SET @param = N'{ "id" : 2,"info": { "name": "John", "surname": "Smith" }, "age": 25 }'    
SELECT JSON_MODIFY(@param,'$.info.surname','newValue')  
GO  
--结果:{ "id" : 2,"info": { "name": "John", "surname": "newValue" }, "age": 25 }  
  
  
  
/**************************************************************  
SQL Server 2017 新增的函数  
***************************************************************/  
  
--  CONCAT_WS ( separator, argument1, argument1 [, argumentN]… ) #按第一个分隔符连接后面的字符  
SELECT CONCAT_WS( ' - ', 1, 'kk', '12dd')  
--结果:1 - kk - 12dd  
  
--  TRANSLATE ( inputString, characters, translations) #整体对应替换  
SELECT TRANSLATE('2*[3+4]/{7-2}', '[]{}', '()()');  
SELECT REPLACE(REPLACE(REPLACE(REPLACE('2*[3+4]/{7-2}','[','('), ']', ')'), '{', '('), '}', ')');  
SELECT TRANSLATE('2*[3+4]/[7-2]', '[2', '61');  
/*结果:  
2*(3+4)/(7-2)  
2*(3+4)/(7-2)  
1*63+4]/67-1]  
*/  
  
--  TRIM ( [ characters FROM ] string ) #删除字符串左右空格字符  
SELECT TRIM( '     test    ') AS Result,LTRIM(RTRIM('     test    '))  
  
--  STRING_AGG ( expression, separator ) #同列字符相连成一行  
SELECT STRING_AGG (MyName, CHAR(13))  FROM (VALUES('AAAA'),('BBBBB'),('CCCCCC') )AS T(MyName)  
SELECT STRING_AGG (MyName,',') FROM (VALUES('AAAA'),('BBBBB'),('CCCCCC') )AS T(MyName)  
SELECT STRING_AGG (MyName,',') WITHIN GROUP(ORDER BY id DESC ) FROM (VALUES(1,'AAAA'),(1,'BBBBB'),(2,'CCCCCC'))AS T(id,MyName)  
/*结果:  
AAAA BBBBB CCCCCC  
AAAA,BBBBB,CCCCCC  
CCCCCC,BBBBB,AAAA  
*/