草庐IT

字体裁剪

全部标签

javascript - 如何在 JavaScript 中使字体/粗细样式的文本变为粗体

我需要在JavaScript中更改文本元素的字体粗细:我的代码在这里不起作用:varbtn=document.getElementById('accessibilityButton');btn.innerHTML='DefaultText';btn.innerHTML.style.fontWeight='bold';我做错了什么?请注意,我不想使用任何库(jQuery等),我正在寻找一个纯JS解决方案。 最佳答案 你需要使用:btn.style.fontWeight='bold';因为它是元素本身的属性。参见:http://jsfi

javascript - 三.JS对象裁剪?

我正在尝试使用three.js以类似于Unity的方式分割我的3D模型:我一直在摆弄相机控件,当然我可以调整近场/远场以沿相机方向进行剪辑,但是如果我只想在X或Y平面中进行剪辑怎么办?我考虑过可能添加一个可以在该轴上滑动的大透明block,然后使用二进制操作合并/减去它与对象相交的位置,但这些工具最终会沿着新平面创建一个新网格,而不是实际删除沿该平面的所有内容轴。我需要使用多个视口(viewport),还是有更简单的方法? 最佳答案 剪辑可以在着色器中轻松完成。使用一些计算,你甚至可以有一个像裁剪区域这样的球体。在与坐标系正交的平面

javascript - iOS (iPad) 上的 iframe 内容裁剪问题

我正在寻找正确的方法来确保在ipad/iOS5上的iframe中滚动后动态显示的内容可见。OhIframes和iPad-你真是个了不起的老栗子。我知道:iPad将iframe扩展到其中内容的整个高度(几乎就像它使用HTML5的“seamless”属性,但不完全是因为它不从父级继承样式或事件)。对许多人来说很奇怪,很烦人,但却是事实。因此是无用的,因为它根据其内容调整大小,而不是根据容器调整大小我需要将我的iframe包装在一个div中-啦啦或者介绍一些trickery设置框架的滚动位置(我认为这是基于thisarticle中提到的技巧)我的问题是,在iframe主体内动态显示的内容(例

javascript - 如何使用 CSS 或 Javascript 或 jQuery 使粗体字体变细?

如果我使用的是字体并且没有粗体版本,我可以使用标签text-shadow,添加轮廓以使细字体更粗。但是我只有粗体,我想把它变细一点。我不知道要使用什么CSS或Javascript或jQuery脚本。是否可以使用CSS、Javascript或jQuery使粗体字体变细?怎么办? 最佳答案 您不能使字体变细。即使使用text-shadow使其更粗也是不真实的:它会产生扭曲的字体呈现,而不是更粗的字体。所以你应该根据你使用不同字体(包括不同粗细)的意图和每个字体家族中字体的可用性来选择你的字体系列。浏览器可以实现小于400的font-we

javascript - 在弹出窗口裁剪浏览的图像

请查看http://jsfiddle.net/UmJtB/18/下面的代码$(document).ready(function(){$(".uploadphoto").click(function(){if(document.getElementById('files').files.length==0){alert('SelectanImagefirst');returnfalse;}else{//Whenuploadbuttonispressed,loadthePopupboxFirstloadPopupBox();}$('#popupBoxClose').click(functi

javascript - 如何使用 JavaScript 控制大括号或大括号 { } 内段落(<p> 标记)中任何文本的字体粗细

如果使用JavaScript将文本括在p标记内,我希望能够控制文本的字体粗细。例如:母牛跳过了{月亮}。{}内的字体粗细会增加。这样最终用户就可以将其键入文本区域,并在提交时打印到页面,更改大括号或大括号内的字体粗细。在这方面的任何帮助都会很棒。 最佳答案 以下是您可以执行此操作的方法:varps=document.getElementsByTagName('p');foreach=Array.prototype.forEach;foreach.call(ps,function(p){varcontent=p.innerHTML;p

javascript - 检测是否安装了特定字体

如何仅使用javascript检测特定字体是否已安装。(不管是否启用)。谢谢 最佳答案 最后一个答案是在11年前提供的。同时,为仍在寻找解决方案的人们提供了新的解决方案:您可以使用FontFaceSet浏览器提供的API。它目前仍是一项实验性技术,但已在大多数浏览器(IE除外)中可用。FromMDNWebDocsThecheck()methodoftheFontFaceSetreturnswhetherallfontsinthegivenfontlisthavebeenloadedandareavailable.例子:constfo

javascript - 根据其父容器检查文本元素的宽度(基于字体大小)

我带着一个棘手的问题来找你:假设您有以下基本结构:hello现在假设div有display:block;和宽度:200px;。使用javascript,你如何检查什么字体大小给你一个尽可能大的“你好”而不水平溢出(在一个单词的情况下)或者在一个句子或一组单词的情况下跳到第二行?我想不出一种方法来测量文本占用的空间,以便随后可以根据父容器的空间对其进行检查,更不用说检查元素是否溢出或跳行了。如果有办法,我相信这是正确的地方。 最佳答案 看看FitText在github上也是开源的。如果您对排版感兴趣,您可能想看看他们的另一个名为Let

javascript - 在 Fabric.js 中使用远程网络字体初始化加载文本

我正在使用FabricJS开发一个大型自定义应用程序,我已经做得很好了。但是我对使用webfont的初始化加载文本对象有疑问。只要该字体在客户端计算机上是本地的,我就可以正常工作,否则不会加载网络字体,并且Canvas上的文本对象会以默认的无衬线字体系列呈现。简而言之,这是我所做的(在这个例子中我使用“allstar”作为我的网络字体):CSS:css在fabric.js之前加载到头部的fonts.css中@font-face{font-family:'allstar';src:url('/path-to-fonts/all_star-webfont.eot');src:url('/p

javascript - 在作为原始图像二进制数据(png 或 jpeg)上传到服务器之前裁剪或调整图像大小

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭7年前。Improvethisquestion我正在尝试在浏览器中裁剪图像并将它们作为原始图像二进制数据上传到服务器(格式应为"image/jpeg"或"image/png")。我尝试了很多客户端裁剪和上传方法,它们都使用html5函数canvas.toDataURL()来获取"data:image/png;base64"中的最终裁剪数据/strong>格式,将其上传到网络服务器,然后在服务器端将其转换为原始图像二进制数据。问题是我必须将裁剪