clip相关内容

d3 clipPath - 为什么它削减图表的顶部?

我有一个有三个线图的图形。 我添加了一个clipPath到图表,覆盖所有三个线图。但是每个折线图的顶部被砍掉。 根据其他SO答案,我已经将.nice()添加到y轴,这有助于但不能解决问题。当您使用时间小部件放大时,效果非常明显:在线的最高点,2px线被细化。删除clip-path的属性会返回正确的效果。 cG.append(“path”) .attr(“class”,“lin ..
发布时间:2017-03-11 01:00:33 前端开发

使用SVG来剪辑(或屏蔽)DIV

我已经google了很多,我刚刚放弃,所以我会转向专家,看看有没有人可以帮助我在我的追求。 我有一个徽标通过插画家​​转换为.SVG。 我的目标是使用该标志剪辑(或者如果你喜欢掩盖)整个div,以便只有一小部分它显示通过,你可以看到背景。 我决定采用.SVG方式,因为我想创建这个网站作为一个完全可扩展的体验,因此.png不能准确地工作从全高清分辨率到1024x768。 所以 ..
发布时间:2017-02-16 19:57:29 前端开发

固定剪辑路径或蒙版的位置

我有这个界面的概念,我只是不知道是否可能。 我想我知道如何完成一些行为: position:fixed; position:sticky(with a polyfill) 我希望有一种方法来添加剪辑路径到内容框,我可以定位:fixed。因此,当用户滚动内容框将窥视由剪切路径定义的 ..
发布时间:2017-02-12 19:01:09 前端开发

使用CSS剪辑路径时如何舍入角落

我想要能够在我创建的这个形状的3个最左边的角落,任何想法如何做。 div {position:absolute; z-index:1; width:423px; height:90px; background-color:#b0102d;颜色:白色; right:0; margin-top:10vw; -webkit-clip-path:多边形(100%0%,100%50%,100%100 ..
发布时间:2017-02-12 18:40:26 前端开发

使用CSS剪辑与百分比

我试图在两个单独的div中只显示图片的上半部分和同一图片的下半部分。 CSS属性 clip ,但它似乎不支持%作为一个单位。 这只是我吗? 解决方案 更新(5年以上): CSS剪辑属性现已弃用。请考虑使用剪辑路径(允许非JS解决方案),这允许您使用百分比指定形状。示例: / *下半部分* / clip-path:polygon(0 50%,100%50% 100% ..
发布时间:2017-02-07 18:51:57 前端开发

CSS剪辑和绝对定位

我使用剪辑为图库创建缩略图。不幸的是,剪辑只能在元素被绝对定位时使用。应用于每个img,这当然使他们都坐在一起使用一个CSS样式,像这样的东西。 .Thumbnails { position:absolute; height:105px; clip:rect(50px 218px 155px 82px); } 我如何才能相互定位?我只想要基本的行。 解 ..
发布时间:2017-02-06 21:36:45 前端开发

动画剪辑:rect属性?

我想使用jQuery的 .animate()动画css属性 clip:rect ,但找不到如果这是可能的任何地方。已尝试: $(“img1”)。animate({ clip:“rect(1px,945px,499px, 1px)“ },300); 有人知道吗? 感谢 解决方案 任何事情都是可能的,方法来做你想要的,而不使用 clip ,但如果你使用jQuery a ..
发布时间:2017-01-20 02:49:09 前端开发

剪切或倒角图像的角落来看背景

我有一个设计,图像的角以45°角切割。暂时,它是通过用绝对定位的跨度掩蔽它实现的,其具有设置为具有不透明白色的角“cut”的透明背景图像。这是远远不理想的,首先是因为额外的跨度,其次因为图像的背景是不均匀的白色。 我打算以后生成透明的PNG,但它将更加优雅,并且考虑到图像是照片 - 较少带宽密集使用JPEG和CSS。新的CSS面具属性看起来很有前途,但是据我所知,它不能提供“掩盖”到元素的背 ..
发布时间:2017-01-19 05:53:31 前端开发

Canvas'Clip'反向动作?

假设我有: var context = document.getElementById('test')。getContext('2d'); //背景 context.fillStyle ='#000'; context.fillRect(0,0,300,300); //'P' context.beginPath(); context.moveTo(90,89); ..
发布时间:2016-11-13 02:44:18 前端开发

一个可重用的功能,使用html5画布将图像剪切成多边形

猜猜帖子的标题可能需要编辑,但现在我不知道问题在哪里。我在这里和其他地方读过页面和类似问题的答案。一个Stack Overflow的答案是特别接近,但我不明白。 我想要一个函数,在画布上绘制多边形在所需的坐标,并填充一些从文件加载的背景图像(足够大,不需要平铺)。三角形对于测试是很好的。显然我应该使用drawImage和clip,并给多边形一个边框,我可以重用相同的路径为剪辑和笔触。显然我应 ..
发布时间:2016-11-13 02:25:20 前端开发

HTML Canvas剪辑和putImageData

我有一个在背景中有一个大图像的画布,在它前面有一个较小的圆形图像。我通过使用剪辑像这样实现这个圆形图像效果 ctx.save ctx.beginPath(); ctx.arc(x,y,r,0,Math.PI * 2,true); ctx.closePath(); ctx.clip(); ctx.drawImage(img,x-r,y-r,2 * r,2 * r) ..
发布时间:2016-11-13 01:00:16 前端开发

prevent画了一个Graphics2D的同一区域

语言:Java的 您好,我需要prevent画了一个Graphics2D的同一位置不止一次。例如,如果用户绘制使用具有圆帽和10在一定面积的宽度的的BasicStroke,同样的区域不能在第二时间绘制。 我想这样做的原因是,使得用户可以绘制(自由手)在图像半透明颜色,而不在同一行程绘图(从而增加了色彩的密度和减少其半透明)。 我试图存储由用户作出的所有笔划的形状(作为相减的形状区域的对象), ..
发布时间:2016-07-29 14:44:18 Java开发

很简单:Java的如何使用" isRunning"在音频剪辑?

在java中我需要检查是否有音频剪辑运行,但是当我尝试这样的: 如果(clip1.isRunning()){} Eclipse中给我的错误: “的方法isRunning()是未定义的类型音频剪辑。” 我要补充的东西上的音频剪辑使用isRunning()?还是我做错了什么? 由于它是一个长的节目在这里只是我的进口,我初始化音频剪辑和部分在那里我使用它:进口java.applet.Applet ..
发布时间:2016-07-22 20:03:06 Java开发

java中使用剪辑和尝试 - 与 - 资源块,没有声音结果

我重写我的AudioManager类为我校的项目,我遇到了一个问题。我的教授告诉我加载我与尝试,与资源块,而不是使用的try / catch(见code以下)的所有资​​源。我使用javax.sound.sampled.Clip中从剪辑类和一切与我PlaySound(字符串路径)方法使用try / catch语句完美的作品/如果我不关闭()的剪辑。我知道,如果我关闭()剪辑,我不能再使用它。我已阅 ..
发布时间:2016-07-22 19:36:09 Java开发

音频不会在罐发挥,但不会在日食

当我运行JAR声音不玩了,但是当我在Eclipse中运行它。 下面是我加载剪辑: 公共无效的init(){ 的System.out.println(“抢夺音乐”); 字符串currentDir =新的文件(“”)getAbsolutePath()。 。名称=新的文件(currentDir +“\\\\音乐\\\\”)名单(); 夹=新剪辑[name.length ..
发布时间:2016-07-22 16:54:50 Java开发

声音会在eclipse中导出的jar文件播放,但不

当我运行JAR声音不玩了,但它确实当我在Eclipse中运行它。 下面是我加载剪辑:(该文件是从罐子的目录加载,而不是从瓶子内) 公共无效的init(){ 的System.out.println(“抢夺音乐”); 字符串currentDir =新的文件(“”)getAbsolutePath()。 。名称=新的文件(currentDir +“\\\\音乐\\\\”)名单( ..
发布时间:2016-07-22 16:29:29 Java开发

java的同时播放多个剪辑

所以我的应用程序应该我点击面板上的每一次播放WAV文件。但现在的问题是,它会等待第一个完成它扮演的第二个之前。我希望能够让他们同时播放。 我把视频下载的原因(500)是因为如果我不这样做,那么它不会播放声音在所有:( 进口java.awt.event.MouseAdapter; 进口java.awt.event.MouseEvent中; 进口java.io.IOException异常; 进口j ..
发布时间:2016-07-22 14:06:48 Java开发

在JApplet的播放音频剪辑顺序

我试图顺序播放音频剪辑,但它们在同一时间全部发挥。我不知道我做错了。能否请你帮忙。我使用的JFrame,这code是给运行时错误。 音频剪辑点击; 音频剪辑CLICK2;网址urlClick1 = DisplayMath.class.getResource(“number11.wav”); 单击= Applet.newAudioClip(urlClick1);网址urlClick2 = Disp ..
发布时间:2016-07-22 14:06:15 Java开发