草庐IT

图片裁剪

全部标签

javascript - 在 JavaScript 中裁剪一个矩形

我正在尝试编写一个函数,它接受两个重叠的矩形并返回一个矩形数组,这些矩形覆盖了矩形A的区域,但排除了矩形B的区域。我很难弄清楚这个算法的外观就像可能发生的碰撞数量巨大且难以解释。tl;dr我正在尝试使用另一个矩形裁剪一个矩形,从而生成覆盖剩余区域的矩形集合。|-------------||-------------||A||R1|||-------|----||-----|-------|||B||To|R2|||||====>|||||||||-----|-------|||-----||||------------|POSSIBLEOVERLAPPATTERNS|-----||--

javascript - Dropzone图片上传错误显示如何去除错误

注意:我厌倦了所有与此主题相关的问题和答案。我想在Dropzone中上传img或其他文档后删除弹出窗口中的HTML数据。接受的Dropzone上传文件正在分配varaccept=".png";工作正常。见代码Here.但是在图片或其他文件上传后会显示一些html下面的代码片段示例。varaccept=".png";Dropzone.autoDiscover=false;//Dropzoneclass:varmyDropzone=newDropzone("#mydropzone",{url:"/file/post",acceptedFiles:accept,uploadMultiple:

javascript - 为什么我用javascript innerHTML调用我的图片不显示?

我是Javascript的新手,我正在尝试一些东西。我正在使用一个函数来使用innerHTML将图像加载到表格中。但是图像不会显示,除非我在函数底部调用alert("whatever"),然后它会在警报可见时显示。我使用的代码是这样的(该函数是从外部js文件调用的)functionshow(){document.getElementById('imageHolder1').innerHTML="";}picture``我不明白为什么它不起作用,我看过的所有示例都很相似,我看不出有什么大的不同。即使我尝试不使用该标签,它也不起作用。好吧,欢迎任何帮助!提前致谢,如果您对如何执行此操作有任

javascript - React Native 上的背景图片和 ScrollView

我正在使用ReactNative构建一个应用程序,并希望获得一个背景图像和一个覆盖在背景图像之上的ScrollView,例如雅虎天气应用程序。但我无法让它工作。请帮忙。 最佳答案 要得到这个效果,你需要设置一个绝对定位的图片,然后在View上面放一个ScrollView:'usestrict';varReact=require('react-native');var{AppRegistry,StyleSheet,Text,View,Dimensions,ScrollView,Image}=React;letwidth=Dimensi

javascript - 浏览器刷新时的随机全屏背景图片

我正在使用我在网上找到的这个脚本,以便在浏览器刷新时随机显示背景图像。CSSbody{background:no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}JS$(document).ready(function(){varimages=['images/001.jpg','images/002.jpg','images/003.jpg','images/004.jpg',

javascript - OWL Carousel 图片一开始大小不合适

我正在使用OWLCarousel并且我已经对其进行了编码,因此将显示一个图像,然后每15秒就会滑入下一个图像。我已将宽度设置为屏幕的100%,因此并对js进行了适当的编码所以从理论上讲,一次应该有一个完整尺寸的图像......但是发生的是它显示所有图像相当小,然后如果我将屏幕大小调整甚至1个像素它会捕捉到它应该的样子.......关于如何避免必须调整屏幕大小以获得全尺寸图像的任何想法?这是我的HTML这是我的代码varowl=$('.owl-carousel');owl.owlCarousel({singleItem:true,items:1,loop:true,margin:10,a

javascript - 如何预览上传的图片作为div的背景图片?

我想在div中预览上传的图像文件。我做了一些研究,我从thispost中找到了这段代码,它是预览上传图像文件的代码,但在中标签:functionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#blah').attr('src',e.target.result);}reader.readAsDataURL(input.files[0]);}}关联的HTML:非常棒。然而,我想要的是将上传的图片显示为一个div的背景图片,一个例子是这

javascript - Firebase 用户上传和个人资料图片

您好,正在寻求帮助,我目前有一些JavaScript代码允许登录用户将图像上传到Firebase存储。我希望他们上传的图片成为他们的个人资料图片,但我似乎无法将上传的图片链接回特定用户?有效,我可以在控制台中看到上传的图像,但无法识别上传图像的用户。//UploadProfilePicture//Alteredcodefrom:FirebaseYoutubeChannel.//GetElementsvaruploader=document.getElementById('uploader');varfileButton=document.getElementById('fileButt

javascript - 使用 JavaScript 设置桌面背景图片

是否可以使用JavaScript设置桌面背景图像?我很确定这是不可能的,但我想我会检查一下。如果不可能,是否有任何方法可以从页面完成? 最佳答案 如果这是可能的,那将是一个严重的安全问题。许多浏览器允许用户右键单击图像并选择“用作墙纸”或类似的选项。 关于javascript-使用JavaScript设置桌面背景图片,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2140331/

javascript - 使用 AJAX、PHP 和 jQuery 上传多张图片

我在使用AJAX上传多张图片时遇到很多问题。我写这段代码:HTMLDropimageherejQuery/AJAX$(document).on("change","input[name^='file']",function(e){e.preventDefault();varThis=this,display=$("#uploads");//listallfiledata$.each(This.files,function(i,obj){//foreachimagerunscriptasynchronous(function(i){//getdatafrominputfilevarfil