草庐IT

字体裁剪

全部标签

javascript - 使用 Chart.js 更改折线图的标签字体颜色

我正在使用Chart.js生成一些图表。折线图需要标签。我似乎想不出一种方法来更改这些标签的颜色。varchartGood="rgba(50,182,93,0.5)";varlineChartData={labels:["3/14","3/15","3/16","3/17","3/18","3/19","3/20","3/21","3/22","3/23"],datasets:[{fillColor:chartGood,strokeColor:"rgba(255,255,255,1)",pointColor:"rgba(50,182,93,1)",pointStrokeColor:"#

javascript - 如何使用 javascript 迭代已安装的字体?

这个问题在这里已经有了答案:listeveryfontauser'sbrowsercandisplay(12个答案)关闭5年前。如何使用javascript迭代已安装的字体?

javascript - 在 IE 9 中就绪的文档上通过 javascript 更改正文字体大小时选择框 chop 文本

IE9对我来说表现得很奇怪。我有一个页面字体大小更改控件,可以保存用户设置,然后在文档中准备好将正文字体大小设置为该大小。它工作正常,问题是,当加载带有下拉列表的页面时,在IE9中,有时文本会被chop。我已将代码简化为这个jsfiddle以进行演示。http://jsfiddle.net/z6Paz/3/html:Letter(8.5x11")A4(8.27x11.69")CSS:select{font-size:1em;width:240px;}和javascript:varuserPrefSizeOffset=2;$(function(){varcurrent

javascript - 如何使用 JavaScript 或 JQuery 获取以像素为单位的默认字体大小?

如您所知,em是一种相对字体度量,其中一个em等于默认字体大小中字母“M”的高度。使用它的一个优势是您可以调整文本的大小。但是如何使用JavaScript或JQuery获取当前环境的默认字体大小(以像素为单位)?问候, 最佳答案 有几种情况这可能很有用-functiongetDefaultFontSize(pa){pa=pa||document.body;varwho=document.createElement('div');who.style.cssText='display:inline-block;padding:0;lin

javascript - 在 JavaScript 中获取计算的字体系列

这是thisquestion的跟进.我正在为CKEditor开发一个组件,字体下拉菜单的调整版本,始终显示当前选择的字体系列/大小值,无论它们在哪里定义,使用computedStyle和consorts。正如您在另一个问题中看到的那样,现在可以跨浏览器确定字体大小。现在我在使用fontFamily属性时遇到了问题。我的通用“计算样式”函数仅返回已定义的完整字体字符串,例如TimesNewRoman,Georgia,Serif为了使设置与字体系列下拉列表中的条目相匹配,我需要的是DOM元素I的实际字体的固定字体名称正在检查。这能以某种方式完成吗,至少对于最常见的网络字体?

javascript - 检测是否启用了 IE 中的字体下载

有没有办法检测InternetExplorer中的字体下载属性是禁用还是启用?目前,如果我要为字体渲染实现一个@font-face解决方案(font-squirrel或typekit或其他),所有浏览器都可以很好地播放除非如果InternetExplorer具有“字体下载”"选项已禁用。可以在IE>Internet选项>安全>自定义级别>下载>字体下载>启用/禁用中找到此设置。如果我能检测到这个选项,我可以回退到javascript方法。这些解决方案不起作用,因为此选项实际上并未禁用该功能,它阻止了下载:http://paulirish.com/2009/font-face-featu

javascript - 我应该如何使用 jcrop 在客户端裁剪图像并上传?

我正在开发一个组件,其中有文件上传HTML控件,在使用文件上传元素选择图像后,图像将呈现在HTML5Canvas元素上。这是带有示例代码的JSFiddle:https://jsfiddle.net/govi20/spmc7ymp/id=target=>jcrop元素的选择器id=photograph=>文件上传元素的选择器id=preview=>Canvas元素选择器id=clear_selection=>清除Canvas的按钮选择器使用的第三方JS库:设置JCrop:jQuery(function($){varapi;$('#target').Jcrop({//startoffwit

javascript - 有没有办法使用 JCrop 裁剪比实际图像大的区域?

据我所知,JCrop不会让我进行设置,以便用户可以裁剪实际图像并包括周围的空白。有办法吗?为了帮助解释我的意思,假设我们将裁剪比例限制为16:9。这适用于具有自然宽主题的图像:但有时用户想要使用的源图像并不能很好地适应所需的比例:相反,我们希望通过使裁剪区域大于图像本身来允许它们在图像外部包含空间:我一直在摆弄JCrop,并通过手册和谷歌浏览了一段时间,但看起来这不可能(不修改JCrop)。我错了吗?如果是这样,你是怎么做到的?FWIW,在这种情况下,实际图像将是产品/组织Logo图像,它们具有多种宽高比,并且几乎总是向人们提供的图像在文本/图像周围几乎没有空白。这意味着限制在图像边界

javascript - <textarea> 调整字体大小问题 IE 10

我正在尝试实现类似thisone的行为,这是一个可拖动的可调整大小的文本区域,具有动态字体大小。我不得不承认,我对网络开发还很陌生,所以如果我要写一些愚蠢的东西,请原谅我。当我尝试调整文本区域中的字体大小时遇到​​以下问题,下面是我用来根据文本区域高度调整字体大小的代码//Calledonkeyupthat._adaptFontSize=function(){vari=1;while($textArea[0].scrollHeight我的想法是根据文本区域的高度最大化字体大小(也许我还应该考虑宽度。我的问题是上面的代码根据浏览器产生不同的结果,在Chrome和Safari中,循环结束时

javascript - 在客户端裁剪和上传图像,无需服务器端代码

正如标题所说。要求是能够在将裁剪后的图像上传到服务器之前裁剪图像。所有的工作都应该在客户端完成。我听说过在服务器上裁剪图片并一并保存的方法。但是当我使用Parse.com服务时。服务器端不支持图像处理,所以我需要在本地处理它并将完成的图像直接上传到Parse.com服务。示例代码会很有帮助。谢谢。 最佳答案 我使用的解决方案:首先,我使用第3方javascript库来选择裁剪区域,例如jCrop。获得坐标(x1,x2,y1,y2)后,我将图像的副本绘制到Canvas上。varcanvas=document.getElementByI