openlayers 使用canvas绘制圆形头像图标

 /记录一个使用canvas将一张图片等比缩放,裁剪为一个圆1、原始图片2、绘制后在地图中呈现的样式3、设置样式的函数/***设置Style*/setStyleOnPersonLocation(feature){constdata=feature.values_varimgUrl='https://person_head_img/avatar.jpg'//绘制圆角矩形letcanvas=document.createElement('canvas')canvas.width=80canvas.height=80varcontext=canvas.getContext('2d')varimg=newImage()img.src=imgUrl//原始图片letw=canvas.widthleth=canvas.heightimg.onload=function(){context.save()//context.arc(x,y,r,sAngle,eAngle,counterclockwise);context.arc(40,40,20,0,2*Math.PI)//从画布上裁剪出这...

openlayers Text字体大小设置

/今做一个app版的ol地图,发现区域太小显示拥挤,于是想把字体改小,看起来匀称点,于是盯紧了font属性使劲改老是不听咋整呢?网上找大佬于是找到了得到了各路大神鼎力相助如:赶紧跑去试试,原来这并不是我想要的,大佬实现的是iconfont控制,我是单独的对字体的控制不行还搞不定再来,,,于是来到了这哎,只是我设置的字体比他的小,我想设置小于10的字体。咦,突然想到了,chrome在字体小于12px后会默认字体为12px这个梗,于是找找关于css字体方面的设置https://www.cnblogs.com/jiangxiaobo/p/5669976.htmlOK,问题解决看:openlayers的Text对象就有这个属性,只是自己不会用罢了(大佬勿笑)怪自己菜。加个scale:0.64,OKtext:newText({scale:0.64,font:'bold0.11rem微软雅黑',text:hasLabel?data[i].value+''+data[i].name:'',fill:newFill({color:'#000'}),stroke:newStroke({color:'#f...

weex项目使用iconfont 字体图标

一、使用本地字体图标1、在https://www.iconfont.cn/manage/index注册自己的账号2、创建自己的项目3、添加自己需要的图标,并将其下载到本地4、入口页面引入将下载的文件解压,拷贝其中的iconfont.ttf放到src>font文件夹里去(我把名称改为了iconfontcust.ttf),然后在入口的index.vue的created方法中引用,如下图created(){//添加字体图标varfont=weex.requireModule("font");font.addFont('iconfont-cust','root:font/iconfontcust.ttf')},5、项目中使用然后在需要的.vue文件增加如下css<stylescopedlang="stylus"ref="stylesheet/stylus">.bar-icfont-size38px.bar-textpadding-top4pxfont-size24pxcolor#808080.iconfont-custfont-family:iconfont-cust<...

【转】Android Studio开发应用桌面出现两个或多个图标

原文链接:http://blog.csdn.net/jia635/article/details/78259699 查找的是不是自己的AndroidManifest中多个Activity 注册了两个lancher,即android.intent.category.LAUNCHER没有,然后又通过gradle也没找到原因,最后再查找导入的依赖工程的 AndroidManifest,发现里面也注册了一个 AndroidManifest,虽然那个Activity还是报错状态(代码中没有这个Activity),但依然会生成两个Icon。  所以桌面出现两个或多个Icon肯定是多个Activity添加了 android.intent.category.LAUNCHER属性。除了自己的 AndroidManifest还要排查引用的工程的 AndroidManifest。...

BootStrap自带的图标

https://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp...
代码星球 代码星球·2021-02-08

Walkthrough: My first WPF desktop application

ThisarticleshowsyouhowtodevelopaWindowsPresentationFoundation(WPF)desktopapplicationthatincludestheelementsthatarecommontomostWPFapplications:ExtensibleApplicationMarkupLanguage(XAML)markup,code-behind,applicationdefinitions,controls,layout,databinding,andstyles.Todeveloptheapplication,you'lluseVisualStudio.Thiswalkthroughincludesthefollowingsteps:UseXAMLtodesigntheappearanceoftheapplication'suserinterface(UI).Writecodetobuildtheapplication'sbehavior.Createanapplicationdefinitiontomanagetheappli...

WPF global exception handler

https://stackoverflow.com/questions/1472498/wpf-global-exception-handler/1472562#1472562Youcantrapunhandledexceptionsatdifferentlevels:AppDomain.CurrentDomain.UnhandledException FromallthreadsintheAppDomain.Dispatcher.UnhandledException FromasinglespecificUIdispatcherthread.Application.Current.DispatcherUnhandledException Fromthe main UIdispatcherthreadinyourWPFapplication.TaskScheduler.UnobservedTaskException fromwithineachAppDomainthatusesataskschedulerforasynchro...
代码星球 代码星球·2021-02-08

input文字方框中,字体颜色的变化 要求默认的字体颜色是灰色,当要输入字时,字体是正常的黑色

1、<input type="text" name="address" size="60" maxlength="60"  value="(测试)" onfocus="if(this.value=='(测试)'){this.value=''};this.style.color='black';" onblur="if(this.value==''||this.value=='(测试)'){this.value='(测试)';this.style.color='gray';}">2、<input type="text" name="address" size="60" maxlength="60"  value="(测试)" onfocus="if(this.value=='(测试)'){this.value=''};this.style.color='black';" onblur="if(this.value...

<!>字体效果

 <h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调)(同上效果略同)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt>打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)<plai...
代码星球 代码星球·2021-02-08

PS如何查找自己想要的字体

曾经很多人问我,这是什么字体,答曰:“不知道”,自己平时在作图时也经常会遇到这样的问题,于是我就把文字打出来,然后比照PS里边已经导入的字体挨个试验,这样不仅浪费了大量的时间和精力,而且比对完后,各种眼睛疼,腰疼,脖子疼,于是就上网各种搜索,结果还是一无所获。后来一同事告诉我,何必这么麻烦,网上有一个求字体网,很容易就能找到自己想要的字体,然后我就各种汗,结果一用,还真特么管用,唉~,谁让我不是专业的射即湿呢。今天我就把这个发现分享给广大的朋友们,希望能帮到你们,已经知道如何简单快速地找到自己想要的字体的大神们可以飘过,新手或还不知道此类技术的朋友们自己可以去试试哈,具体的方法我就不再一一分享了。求字体网:http://www.qiuziti.com...

网页常用字体

GeorgiaABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px)abcdefghijklmnopqrstuvwxyz0123456789ImpactABCDEFGHIJKLMNOPQRSTUVWXYZ (26px)abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px)abcdefghijklmnopqrstuvwxyz0123456789VerdanaABCDEFGHIJKLMNOPQRSTUVWXYZ(24px)abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ (20px)abcdefghijklmnopqrstuvwxyz0123456789TrebuchetMSABCDEFGHIJKLMNOPQRSTUVWXYZ (24px...
代码星球 代码星球·2021-02-06

otf字体转ttf字体

可以使用Fontcreator进行转换字体。绿色版下载链接 FontCreator(字体编辑软件下载)V9.0官方版 或者我的百度云:http://pan.baidu.com/s/1c1jjfmo...
代码星球 代码星球·2021-02-03

[记录] web icon 字体

weloveiconfonts 在http://codepen.io/cguillou/pen/jmkfK 中看css发现既然有这样的,yes!...
代码星球 代码星球·2021-02-03

css字体转换程序(Node.js)

我下载的是ttf文件,css导入的文件有多种格式:eot,woff,svg在windows下,需要寻找相应的exe文件来处理或者node.js来处理:ttf2eot: https://github.com/fontello/ttf2eot (node.js)ttf2woff:http://wizard.ae.krakow.pl/~jb/ttf2woff/ (exe) https://github.com/fontello/ttf2woff (node.js)ttf2svg: https://github.com/qdsang/ttf2svg(node.js) 我使用node.js成功得把ttf字体转换成另外三种格式:参考了:http://www.hankcs.com/program/network/to-solve-the-node-js-error-cannot-find-module-node-static.html才知道,我要进入到npmroot-g输出的目录中,执行这个js文件,所以我将svg.js和我的字体...

在vue中改变字体大小,px不起作用,em 和 rem 都可以生效

Vue.component('buttons',{data:function(){return{count:0}},template:'<h1@click="count+=99"style="font-size:12em;color:red;">我对你的爱只有上限,没有下限!!!{{count}}</h1>'})如上图中加下划线的位置,,生效,但是如果改成px就不生效...
首页上一页...45678...下一页尾页