`
mujizi
  • 浏览: 143440 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript 按像素截取字符串

阅读更多

由于JS对字符串长度的计算中汉字直接按一个长度计算,而显示的时候一个汉字占两个像素.

再加上HTML显示的长度是以像素为单位的,因此有必要按像素来计算一个字符串的长度.以

下代码提供了按像素计算字符串长度.

function getLengthStr(str,strLength) { 
     var tmp = 0;
     var len = 0;
     var okLen = 0
     for(var i=0;i<strLength;i++)
     {
      if(str.charCodeAt(i)>255)
       tmp += 2
      else
       len += 1
      okLen += 1
      if(tmp + len == strLength) 
      {
       return (str.substring(0,okLen));
      }
      if(tmp + len > strLength)
      {
       return (str.substring(0,okLen - 1) + " "); 
      }
     }
    }
	function getLength(str){
     var len = 0;
     for(var i=0;;i++)
     {
		  if(!str.charCodeAt(i))
			break;
		  if(str.charCodeAt(i)>255)
		   len += 2;
		  else
			len +=1;
	  }
	  return len;
}

 

分享到:
评论
2 楼 hellohank 2012-04-23  
这个不能一概而论吧~
字符所占的像素,与字体、字符间宽度、中英文、全半角等样式相关,不是简单的一个字符占几个像素能说得清的……
1 楼 hyj1254 2009-10-09  
一个汉字占两个像素

貌似不止两个像素啊,字体稍微大点,10个像素都不够....两个字节差不多。。。

相关推荐

    css截取字符串简单实例

    标题中提到的“css截取字符串”实际上是关于在Web前端开发中如何利用CSS的特性来实现文本截断的效果。在这里,CSS并非传统意义上的编程语言,它不具备直接截取字符串的功能,但它可以通过一些属性来控制文本的显示,...

    asp.net图片切割 客户端使用javascript

    - 将截取的`ImageData`对象转换为Base64字符串,作为请求参数。 2. **服务器端处理**: - 在ASP.NET中,可以使用C#编写接收AJAX请求的控制器方法。 - 接收到Base64字符串后,将其转换回二进制图像数据。 - 可以...

    js图片截取、缩放、文字选取.zip

    当用户在页面上选取文本时,我们可以利用window.getSelection()函数获取选区对象,再通过toString()方法将其转换为字符串。这个功能在实现文本编辑器、搜索高亮或其他需要分析用户选取内容的场景中非常有用。 3. **...

    javascript语法

    - `substring(start, end)`: 截取字符串的一部分。 ### Date 数据类型 - `getFullYear()`: 获取年份。 - `getMonth()`: 获取月份。 - `getDate()`: 获取日期。 - `getHours()`: 获取小时。 - `getMinutes()`: 获取...

    CSDN新版论坛字符画

    1. **字符串处理**:字符画的核心是将图像转化为字符的过程,这需要对字符串进行操作,包括截取、拼接和格式化。在编程中,这通常涉及到字符串函数的使用,如Python的`join()`、JavaScript的`slice()`等。 2. **...

    HTML面试题

    **问题:** 如何使用JavaScript截取字符串`abcdefg`中的`efg`? **答案:** 可以使用`substring`方法: ```javascript alert("abcdefg".substring(4)); ``` 这里,`substring(4)`表示从索引4开始截取字符串,直到...

    javascript常用代码大全[定义].pdf

    使用 `window.open()` 函数可以创建一个新的浏览器窗口,参数包括URL、窗口名称和特征字符串。在例子中,窗口的宽度和高度设置为屏幕可用尺寸减去20像素,确保全屏显示。 3. **XML处理**: - `ActiveXObject` 是...

    .net+js类似开心网截图程序

    当用户确定截图后,JavaScript需要将选区的像素数据编码成Base64字符串,这是因为JSON不支持二进制数据,所以需要转换为字符串形式才能通过Ajax传递给后台。可以使用`toDataURL()`方法将Canvas内容转换为data URL,...

    .net js 截取图片代码

    2. **数据解析**:在`ImgCropper.ashx`中,需要解析前端传来的裁剪参数,这通常可以通过读取HTTP请求的查询字符串或POST数据来实现。 3. **图像处理**:解析到裁剪参数后,使用.NET的图像处理库(如System.Drawing...

    javascript超过容器后显示省略号效果的方法(兼容一行或者多行)

    - 根据字符长度截取字符串并在长度超过指定值后显示省略号。 - 根据指定的行数和行高计算应该截取的文本长度,并在超出时显示省略号。 JavaScript实现的组件`MultiEllipsis`支持两种方式截取文本: - 通过字符...

    空间颜色代码

    - `substring()`:截取字符串的一部分。 - `parseInt()`:将字符串转换为整数。 #### 5. 条件判断 - 使用`if`语句来实现逻辑分支。 - 如`if (number )`等条件判断用于控制程序流程。 ### 四、颜色代码转换 从代码...

    饿了么最新秋招笔试题前端试题.docx

    在JavaScript中,substring()方法可以截取字符串的部分内容。如果截取的起始索引大于截取的结束索引,会返回原始字符串。 11. 哪些属于块级元素? 知识点:HTML中的块级元素和内联元素 在HTML中,有些元素是...

    js常用技术,包括一些常用方法

    5. **字符串操作**:`trim()`、`toLowerCase()`、`toUpperCase()`、`substring()`等方法用于字符串的基本操作,而正则表达式则提供了复杂的字符串匹配和替换功能。 四、现代JavaScript特性 随着ES6(ECMAScript ...

    js图片截图

    开发者可以使用FileReader的`readAsDataURL()`方法读取图片文件,将其转换为Base64编码的字符串,进一步用于Canvas渲染。 4. **Drag.js**:这个文件可能是实现图片拖放功能的JavaScript库。拖放功能允许用户通过...

    jQuery内存泄露解决办法

    `$.lui.widget.clacStrLength`和`$.lui.widget.substrByPx`函数用于计算字符串长度和按像素截取字符串。这两个函数使用临时的`&lt;span&gt;`元素来模拟目标元素的样式,然后测量其宽度。为了避免内存泄露,它们在完成计算...

    HTML5 手机移动端头像上传大小截取

    当用户选择了一个图片文件,我们可以通过FileReader的`readAsDataURL()`方法将图片转换为DataURL,这是一种字符串格式,包含了图像的数据和MIME类型。这个DataURL可以用于预览图片,也可以作为`&lt;img&gt;`标签的`src`...

    JS实现简单的键盘打字的效果

    当`txti`小于当前要显示的字符串长度时,函数会继续执行,并且通过`substring()`方法截取字符串,将截取的字符串动态设置到页面的`id`为“Hotnews”的`&lt;a&gt;`标签的`innerHTML`属性中。这导致在页面上可以看到文本内容...

    制作手机上浏览的网页心得

    相比之下,使用`&lt;ul&gt;&lt;li&gt;`或`&lt;p&gt;`组合可能需要手动截取字符串来适应固定高度的页面。 图像处理也是一个关键点。虽然大图片可以增加视觉吸引力,如导航图,但为了优化加载速度和节省用户流量,应严格控制图片大小。...

    Internet图片验证码系统

    为了防止图片被第三方截取并重复使用,通常会使用一次性的令牌机制,即每次请求验证码时都会生成新的图片和对应的验证字符串。 3. **用户输入**:用户肉眼识别图片中的字符,将其输入到验证码输入框中。 4. **验证...

    php中文验证码

    创建一个新的图像资源,设置背景色、文字颜色,然后使用`imagefttext`或`imagettftext`函数将随机生成的中文字符串绘制到图像上。这里可以调整字体、大小、角度和位置,以增加辨识难度。 4. **添加干扰元素**:为了...

Global site tag (gtag.js) - Google Analytics