草庐IT

图片裁剪

全部标签

CSS把图片设置为背景

前言先列出几种常用的搭配,方便CV,想了解具体的可以看后面详细介绍第1组:刚好填充整个背景区域,不重复background-image:url("~@/路径");background-size:cover;background-repeat:no-repeat;第2组:从左上角开始,垂直水平重复填充background-image:url("~@/路径");background-size:30pxauto;//宽度30px,高度自适应一、图片路径:background-image引入图片,注意路径前面需要加~符background-image:url("~@/路径");二、图片大小:backg

javascript - JQuery JCrop如何让图片居中

我想在图片中央开始JCrop选择。有办法吗?有什么选择吗?手册中没有具体说明。我们必须手动计算吗? 最佳答案 如果您不知道如何在中心设置选择:检查设置选项http://deepliquid.com/content/Jcrop_Manual.html#Setting_Options像这样的东西(取自API引用):jQuery(function($){$('#target').Jcrop({onSelect:showCoords,bgColor:'black',bgOpacity:.4,setSelect:[x,y,x1,y1],asp

javascript - Three.js更新纹理图片

我正在使用three.js创建一个minecraft纹理编辑器,类似于this.我只是想降低基本的点击和绘画功能,但我似乎无法弄清楚。我目前为每个立方体的每个面都有纹理,并通过使用以下函数制作着色器Material来应用它们。this.createBodyShaderTexture=function(part,update){sides=['left','right','top','bottom','front','back'];images=[];for(i=0;i然后,当用户单击网格上的任何位置时,纹理文件本身会使用Canvas进行更新。发生更新,但除非刷新页面,否则更改不会显示在

javascript - 将 SVG 文本裁剪到 D3 TreeMap 中矩形的宽度

我想知道是否有比使用剪辑路径更简单的方法来限制文本标签的宽度。这是我正在寻找的有关标签的示例:treemap:请注意,标签被包含图block的边界chop了。该特定示例是使用实现的标签,默认情况下具有此行为。但我正在使用SVG我希望有比定义另一个矩形的单独剪辑路径更直接的方法。 最佳答案 您可以将每个包装起来中的元素相同宽度/高度的元素。默认overflow隐藏在内部元素。 关于javascript-将SVG文本裁剪到D3TreeMap中矩形的宽度,我们在StackOverflow上找到

Javascript 图片编辑插件

我在哪里可以找到Javascript或jQuery图像编辑器插件,用户可以在其中单击图像进行编辑,该插件允许他们裁剪、调整大小、旋转、翻转等 最佳答案 Pixastic(不再活跃)和CamanJS会很有用,但最好的肯定是Aviary(自2018年12月起弃用)。 关于Javascript图片编辑插件,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/12311359/

javascript - 从本地上传图片到 TinyMCE?

我正在使用TinyMCE。它很好用。但我想要TinyMCE中的功能,用户可以从本地框/或公共(public)网站上传图像。我正在使用Tomcat、JSP和核心Java。我发现了几个免费的第三方库,如ibrowser、imanager、jbimages等,但它们都使用PHP,看起来不适合我现有的项目(我不知道PHP,但我试图将其中一个集成到我现有的项目中他们不工作并给出一些奇怪的错误)。真的,我不确定如何在TinyMCE中使用此功能(如果其他编辑器支持JSP,我可以试试)?我在互联网上查找过类似的问题,但每个第三方都在使用PHP,而我使用的是JSP而不是PHP。

javascript - 从 facebook graph API 获取全尺寸图片

我正在使用图形API端点/PAGE_ID/posts从facebook页面获取所有帖子。现在我想要这些帖子中的全尺寸图片。返回对象的图片属性只给我该图像的裁剪版本。通过这些帖子中的对象ID和API端点/OBJECT_ID/picture,我得到了图片的唯一小版本、普通版本和相册大小版本。但通过对URL稍作修改,我设法获得了完整尺寸的图像。示例这个网址:https://graph.facebook.com/10152843929471041/picture重定向到此URL:https://fbcdn-sphotos-b-a.akamaihd.net/hphotos-ak-xpa1/t31

c# - ASP.Net MVC 5 图片上传到文件夹

我有一个非常简单的MVC5应用程序,它有一个面向客户端的产品页面,我还使用了在MVC5中构建的基本CRUD操作。我有一个名为Cakes.cs的模型,因为客户销售蛋糕。很简单。这是该模型的代码:usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;namespaceTastyCakes.Models{publicclassCakes{publicintCakesID{get;set;}publicstringName{get;set;}publicstringDescription{get

javascript - 上传图片并直接插入CKEditor

我想创建与tumblr相同的功能,用于上传图片,然后将它们直接插入到所见即所得的编辑器中。我打算使用uploadify上传图片,然后我不确定插入CKEditor的方法。有没有人做过类似的事情或知道可以做到这一点的插件?理想情况下,我希望它在文本光标最后放置的位置插入图像。Uploadanimageanddirectlyinsertitintoatextareahttp://www.freeimagehosting.net/uploads/06217dcebb.png提前致谢蒂姆 最佳答案 CKEDITOR.instances['in

javascript - 具有 "feather"边缘效果的 Canvas 裁剪

我目前正在将图像绘制到HTML5Canvas并用弧线对其进行mask,在绘制图像之前调用clip()以便仅显示弧线中的部分。我怎样才能羽化这条弧线的边缘?我通过谷歌搜索知道没有简单的方法可以简单地将“羽毛”应用于用Canvas绘制的形状。在边缘接触圆弧的图像的像素数据上要做什么?感谢您的帮助。这是我的代码的相关部分:ctx.arc(canvas.width/2,canvas.height/2,250,0,6.28,false);//drawthecirclectx.restore();ctx.save();ctx.drawImage(background,0,0,background.