精华内容
下载资源
问答
  • 利用opencv实现在图片上标注文字,文字颜色等可选
  • 今天小编就为大家分享一篇python实现函数图像添加文字标注的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 代码:function drawPointsToMap(id, name, x, y, leixing... //开始画,画成能够页面显示数字的形式。 var point = new esri.geometry.Point(x, y); var textSymbol = new esri.symbol.TextSymbol(value,font...

    代码:

    function drawPointsToMap(id, name, x, y, leixing, value, date) {
        //开始画,画成能够在页面上显示数字的形式。
        var point = new esri.geometry.Point(x, y);
        var textSymbol = new esri.symbol.TextSymbol(value,font1,color1);
        var sms = new esri.symbol.PictureMarkerSymbol("Content/Default_Index/themes/icons/blue_foot.png", 45, 20);
        sms.setOffset(1, 5);
        var infoTemplate = new esri.InfoTemplate();
        infoTemplate.setTitle("<div>水质监测点</div>");
        infoTemplate.setContent("id:" + id + "<br/>名称:" + name + "<br/>数据:" + value + "<br/>时间:" + date + "<br/>类型:" + leixing);
        var simpleMarkerSymbol = new esri.symbol.SimpleMarkerSymbol();
        var graphic = new esri.Graphic(point, textSymbol);
        var graphic1 = new esri.Graphic(point, sms);
        graphicslayer.add(graphic1);
        graphicslayer.add(graphic.setInfoTemplate(infoTemplate));
    }

    分析:

    代码中的id、name、value、date、leixing是需要在infoWindow(infoTemplate)中显示的内容。

    x、y是点的坐标

    textSymbol是要显示在地图上的内容value

    font1和color1 是被写在map主函数中的全局变量。

    定义全局变量:

    var font1;//这个是字体

    var color1;//这个是颜色

    require中:

    "esri/Color",

    "esri/symbols/Font",

    function 的小括号中:

    Color,

    Font,

    function 的大括号的开头:

    font1 = new Font("13px", Font.STYLE_NORMAL, Font.VARIANT_NORMAL, Font.WEIGHT_BOLDER);

    color1 = new Color([255, 255, 0]);

    效果图:


    展开全文
  • openlayers 添加文字标注

    热门讨论 2015-06-18 13:17:30
    openlayers 实现地图添加文字标注。为图片注记添加文本标签
  • #新增子区域,假设整个图为(0,0)到y(1,1),刚刚subplot(0,0)到(0.5,1)绘图,此时(0.5,0)到(0.5,1)区域内标注 #不再利用subplot,因为会画坐标轴 ax = fig.add_axes([0.5, 0, 0.5, 1]) #...

    利用add_axes属性和subplot属性

    代码如下

    #解决中文乱码问题
    from pylab import *
    mpl.rcParams['font.sans-serif'] = ['SimHei']
        #新建一个figure对象
        fig = plt.figure()
        #新建子图,一行两列,第一个
        plt.subplot(1, 2, 1) 
        #画出散点图,x,y代表横纵坐标顺序
        t.scatter(x,y, s = 0.1, c = 'r', )
        #表明横纵坐标
        plt.xlabel('axis_x',fontsize=8)
        plt.ylabel('axis_y',fontsize=8) 
        #新增子区域,假设整个图为(0,0)到y(1,1),刚刚subplot在(0,0)到(0.5,1)绘图,此时在(0.5,0)到(0.5,1)区域内标注
        #不再利用subplot,因为会画上坐标轴
        ax = fig.add_axes([0.5, 0, 0.5, 1])                
        #在(0.5,0)到(0.5,1)区域写入标注,前两个参数是相对位置
        ax.text(0.1,0.95, U'图形名称:相位空间图', transform=ax.transAxes,fontdict = {'size': 8, 'color': 'black'})
        ax.text(0.1,0.9, U'观察时间:', transform=ax.transAxes,fontdict = {'size': 8, 'color': 'black'})
        ax.set_axis_off()    
        plt.show() 
    
    展开全文
  • 谷歌地图地图添加文字标注

    千次阅读 2013-06-06 20:20:46
    /***************自定义叠加层,可作为站点显示地图******************/ function MyMarker(map, options) { // Now initialize all properties. this.latlng = options.latlng; //设置图标的位置 this....
    <!DOCTYPE html>
    <html>
      <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
          html { height: 100% }
          body { height: 100%; margin: 0; padding: 0 }
          #map_canvas { height: 100% }
        </style>
        <script type="text/javascript"
          src="http://maps.googleapis.com/maps/api/js?key=你的key&sensor=false">
        </script>
        <script type="text/javascript">
          function initialize() {
            var mapOptions = {
              center: new google.maps.LatLng(31.397, 117.644),
              zoom: 10,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"),
                mapOptions);
    		
    		var overlay = new MyMarker(map,{latlng:new google.maps.LatLng(31.397, 117.644),clickFun:zoomOut}); 
    
          }
    
    
    
    function zoomOut(){
    	alert(3333);
    }
    
    
    	  /***************自定义叠加层,可作为站点显示在地图上******************/
        function MyMarker(map, options) {   
          // Now initialize all properties.   
          this.latlng = options.latlng; //设置图标的位置
          this.image_ = options.image;  //设置图标的图片
          this.labelText = options.labelText || '标记';
          this.labelClass = options.labelClass || 'shadow';//设置文字的样式
          this.clickFun = options.clickFun ;//注册点击事件
      //    this.labelOffset = options.labelOffset || new google.maps.Size(8, -33);
          this.map_ = map;    
    
          this.div_ = null;   
          // Explicitly call setMap() on this overlay   
          this.setMap(map); 
        } 
        MyMarker.prototype = new google.maps.OverlayView();
        //初始化图标
        MyMarker.prototype.onAdd = function() {    
    		// Note: an overlay's receipt of onAdd() indicates that  
    		// the map's panes are now available for attaching   
    		// the overlay to the map via the DOM.    
    		// Create the DIV and set some basic attributes.  
    		var div = document.createElement('DIV'); //创建存放图片和文字的div
    		div.style.border = "none";   
    		div.style.borderWidth = "0px";   
    		div.style.position = "absolute";
    		div.style.cursor = "hand";
    		div.onclick = this.clickFun ||function(){};//注册click事件,没有定义就为空函数
    		// Create an IMG element and attach it to the DIV.  
    		var img = document.createElement("img"); //创建图片元素
    		img.src = this.image_;  
    		img.style.width = "100%";   
    		img.style.height = "100%";  
    		//初始化文字标签
    		var label = document.createElement('div');//创建文字标签
    			label.className = this.labelClass;
    			label.innerHTML = '<a οnclick="zoomOut()" href="#">'+this.labelText+'</a>';
    			label.style.position = 'absolute';
    		    label.style.width = '200px';
    		//	label.style.fontWeight = "bold";
    			label.style.textAlign = 'left';
    			label.style.padding = "2px";
    			label.style.fontSize = "10px";
    		//	label.style.fontFamily = "Courier New";
    
    		div.appendChild(img);   
    		div.appendChild(label);   
    		
    		this.div_ = div;   
    		// We add an overlay to a map via one of the map's panes.  
    		// We'll add this overlay to the overlayImage pane.  
    		var panes = this.getPanes();  
    		panes.overlayMouseTarget.appendChild(div); 
    	  }
          //绘制图标,主要用于控制图标的位置
        MyMarker.prototype.draw = function() {    
    		  // Size and position the overlay. We use a southwest and northeast   
    		  // position of the overlay to peg it to the correct position and size.  
    		  // We need to retrieve the projection from this overlay to do this.  
    		  var overlayProjection = this.getProjection();   
    		  // Retrieve the southwest and northeast coordinates of this overlay  
    		  // in latlngs and convert them to pixels coordinates.  
    		  // We'll use these coordinates to resize the DIV.  
    		  var position = overlayProjection.fromLatLngToDivPixel(this.latlng);   //将地理坐标转换成屏幕坐标
    		//  var ne = overlayProjection.fromLatLngToDivPixel(this.bounds_.getNorthEast());    
    		  // Resize the image's DIV to fit the indicated dimensions.   
    		  var div = this.div_;  
    		  div.style.left =position.x-5 + 'px';  
    		  div.style.top  =position.y-5 + 'px';  
    		//控制图标的大小
    		  div.style.width = '10px';  
    		  div.style.height ='10px';
    	  }
        MyMarker.prototype.onRemove = function() {   
    		  this.div_.parentNode.removeChild(this.div_);   
    		  this.div_ = null; 
    	  }
    
    	  //Note that the visibility property must be a string enclosed in quotes 
        MyMarker.prototype.hide = function() {   
    		  if (this.div_) {     
      			this.div_.style.visibility = "hidden";   
    	  	  } 
      	  }  
        MyMarker.prototype.show = function() {   
    		  if (this.div_) {     
    		  this.div_.style.visibility = "visible";   
    		  } 
    	  } 
    	  //显示或隐藏图标
        MyMarker.prototype.toggle = function() {   
    		if (this.div_) {     
    			if (this.div_.style.visibility == "hidden") {       
    			this.show();     
    			} else {       
    			this.hide();     
    			}   
    		}
    	  }  
        </script>
      </head>
      <body οnlοad="initialize()">
        <div id="map_canvas" style="width:100%; height:100%"></div>
      </body>
    </html>

     

    展开全文
  • leaflet-地图文字标注

    2018-10-30 10:12:52
    可以leaflet地图添加文字标注,可以自己设置样式,有背景色或者无背景色
  • IplImage* pstImg; HI_CHAR as8Title[25];CvFontstTimeFont;//字体信息cvInitFont(&stTimeFont,CV_FONT_HERSHEY_COMPLEX,0.5f,0.5f,0,1,8); sprintf_s(as8Title,"GMM:%d",g_u32FrameNum);...
    IplImage* pstImg;
    HI_CHAR as8Title[25];
    CvFont stTimeFont;//字体信息
    cvInitFont(&stTimeFont,CV_FONT_HERSHEY_COMPLEX,0.5f,0.5f,0,1,8); 
    sprintf_s(as8Title,"GMM:%d",g_u32FrameNum);
    cvPutText(pstImg,as8Title,cvPoint(0,15),&stTimeFont,CV_RGB(255,0,0));

    转载于:https://www.cnblogs.com/dplearning/p/3642988.html

    展开全文
  • 设置了一个背景,现在这个背景moveto(x,y), lineto(x,y)等都是可以的,但用fillText()标注文字就是显示不出来,但用alert()能提示要标注的文字 本人怀疑是不是fillText()标注到了canvas而没有标注到背景图 ...
  • text = '标注文字' # 字体标注的位置, 内容,字体设置 cv2.putText(img, text, (x1, y1), font, 2, (0, 0, 255), 1) img_save_path = '/home/shichao/save/2.jpg' # 保存标注好的图像 cv2.imwrite(img_save_path)...
  • #添加文字,第一个参数是x轴坐标,第二个参数是y轴坐标,以数据的刻度为基准 plt.text(0.0,0.5,"don`s move",fontdict={'size':'16','color':'b'}) #添加标注。xy:标注箭头想要指示的点,xytext:描述信息的坐标 plt....
  • ```python import cv2 from PIL import Image from PIL import ImageDraw,ImageFont import numpy as np def cv2ImgAddText(img, ... if (isinstance(img, np.ndarray)): # 判断是否OpenCV图片类型 img = Image.fro.
  • 画矩形 import cv2 as cv img=cv.imread(imgpath) #导入图片 #img;边框左上角的像素坐标;...cv.imwrite(new_imgpath, img) #将画好的图片保存指定路径 画实心圆 import cv2 as cv img=cv.imread(imgpath)
  • 带边框背景的文字标注arcgis for js。 利用TextSymbol与SimpleMarkerSymbol做了一个带背景边框的文字标注示例 arcgis js 文字标注 背景 边框
  • 利用TextSymbol与SimpleMarkerSymbol做了一个带背景边框的文字标注示例,利用TextSymbol与SimpleMarkerSymbol做了一个带背景边框的文字标注示例
  • 微信支付的安全措施:一、使用手机自带的图片编辑功能:1,打开图库或相册,找到要添加文字照片,点开图片,然后点击图片下方的“编辑”,弹出的选项中找到“标注”,接着选择标签的样式。选好后,点击标签,就...
  • 图片标注工具

    2014-08-04 14:36:21
    视频标注工具,能对图片进行标注,加上边框或者是文字说明,并且可以另存为
  • CSS3地图热点文字标注提示这款地图应用的特点是地图有许多标注点,点击标注点即可页面弹出一个文字提示框,用来说明该标注地图的详细信息。
  • LeaFlet学习之地图文字标注

    万次阅读 2018-07-28 21:41:25
    地图进行一些文字标注有些场景我们会用到,这里我们文字标注用到了DivICon图标,通过与mark相结合,将mark的图标设置为DivICon图标,进行文字标注,放张图看看效果: 一、全部代码 &lt;!DOCTYPE ...
  • python实现在图片上画框并标注

    千次阅读 2021-03-24 13:54:27
    1.实现效果 2.代码 import cv2 fname = './data_set/face_detection/WIDER_...# 画矩形框 距离靠左靠的位置 pt1 = (651, 460) #左边,上边 #数1 , 数2 pt2 = (180+651, 462+227) #右边,下边 #数1+数3,...
  • LaTex 在图片上添加文字和公式

    千次阅读 2019-08-16 16:26:30
    使用宏包 \usepackage{overpic} 使用方法 \usepackage{overpic} \begin{overpic}[scale=0.35 or width=1\textwidth=1]{图片名称} …… \end{overpic} 示例
  • 20X27 FCPX插件50个呼出指示线标注文字标题介绍动画 FCP Callouts 【插件介绍】 插件提供50个呼出指示线标注文字标题介绍动画 ,带出入动画,文字支持中文和英文输入,可修改文字字体,位置,颜色,大小,以及线条...
  • canvas进行标注1、首先先获取鼠标的x,y2、鼠标移入canvas后,鼠标变成标注icon3、点击canvas后,进行标注4、取消绘制2.删除标注1、渲染一个删除按钮每个标注上 1.canvas进行标注 连接后台,需要有添加...
  • 再加上现在社交应用众多,很多朋友拍完照片后,都会简单添加些文字图案元素,再发表到朋友圈,表达自己目前的动态。那怎么给自己刚拍的照片添加文字呢?没想到方法这么简单,1分钟你就能学会,下面笔者就手把手教你...
  • 小白没事干想P图玩 然后想在文字上加字 发现如果用标签那么两者是分开的 如果把文字也弄做一个标签的话会被图片遮盖 希望各位大大能赐教我如何把文字添加在图片上 谢谢
  • android图片上添加文字

    热门讨论 2013-02-19 09:28:44
    实现了地图A-Z字母的图片创建工作,后期工作根据信息地图上标注在进一步实现中

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,969
精华内容 11,187
关键字:

如何在图片上标注文字