草庐IT

dynamic_images

全部标签

javascript - 如何为按钮提供浏览器 "save image as"选项

我正在做一个Canvas绘图项目。我将Canvas转换为图像,然后将该图像保存为“.png”。我必须右键单击图像并选择“将图像另存为”选项。但我想通过一个按钮提供该选项。当我单击按钮时,它应该被保存。任何例子或想法将不胜感激。这是一个将canvas转为png的js函数。functionsave2(){window.open(canvas.toDataURL('image/png'));vargh=(canvas.toDataURL('png'));alert("converted");} 最佳答案 在现代浏览器中你可以使用下载属性f

javascript - Jquery 时间选择器 : How to dynamically change parameters

我正在使用JqueryTimepicker。我有两个输入字段-接受时间。我正在根据documentation使用JqueryUI计时器$('#startTime').timepicker({'minTime':'6:00am','maxTime':'11:30pm','onSelect':function(){//changethe'minTimeparameterof#endTime我希望当第一次选择timePicker时,第二个的“minTime”参数会发生变化。基本上我正在尝试收集某些事件的开始时间和结束时间。我希望第二个输入框显示第一个输入字段(开始时间)本身的值的选项。

javascript - 如何检测 "copy image"浏览器事件?

使用jquery,我可以检测用户何时使用ctrl-c或通过上下文菜单复制某些内容(如文本):$(document).on('copy',function(e){$('body').prepend('copyevent');});但是,复制图像时似乎不会触发该事件。如何检测图像复制?具体来说,我想检测来自的复制元素,但任何应该作为理解这个问题的起点。测试场景:http://jsfiddle.net/jm23xe8w/ 最佳答案 浏览器没有复制图像事件,所以你需要通过一些技巧来模拟它。剪贴板也不会在其中保存图像。剪贴板本身只保存文本。你

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - jquery for tooltip on image map area shapes

我已经开始使用我发现的一些jquery示例为图像映射创建悬停时的自定义工具提示。$(function(){$(document).tooltip();});Youruserid:当我将鼠标悬停在图像映射区域上时,它会在屏幕左上角弹出工具提示,而不是靠近鼠标指向的位置。它出现在每个形状的相同位置。对于其他元素,例如我在此处包含在图像下方的“标签”演示,工具提示会出现在标签的右侧,它应该在的位置。我尝试根据whatIseehere添加位置信息,但我添加的任何内容要么没有效果,要么使代码无效,我什么也得不到。如果我添加此职位信息,我看不到任何变化:$(document).tooltip({m

javascript - 为什么在 React Native 中 react-native-image-picker 的 showImagePicker 未定义?

目前我正在通过终端和Atom编辑器运行我的ReactNative项目。我正在尝试使用https://github.com/marcshilling/react-native-image-picker中的rect-native-image-picker并按照说明进行安装:npminstallreact-native-image-picker@latest--save我的依赖项显示:"react-native-image-picker":"^0.22.8"然后我尝试按照确切的示例进行操作,但当我按下按钮进行选择时,ImagePicker.showImagePicker(options,(r

javascript - Selenium 网络驱动程序(火狐): dynamically disable Javascript

我知道我可以使用Firefox配置文件来禁用JavaScript。例如,参见Enable/disablejavascriptusingSeleniumWebDriver.但是,我有一种情况,我需要启用JavaScript才能登录页面,但我希望在登录后禁用JavaScript,这样当我执行page_source,它返回DOM,就好像JavaScript没有运行一样。关键是登录页面需要JavaScript。是否可以在SeleniumWebDriver中动态控制JavaScript的开启或关闭? 最佳答案 我建议不要动态禁用javascr

javascript - Angular 面包屑 : Including dropdown that dynamically changes breadcrumbs

我正在使用AngularBreadcrumb指令(可在此处找到:https://github.com/ncuillery/angular-breadcrumb),它使用UI-Router来制定面包屑。开箱即用,适用于简单的面包屑导航。但是,我想要做的是能够单击应用程序碎屑,显示下拉列表并允许我选择其他应用程序。选择不同的应用程序将动态更改URL。这是我目前所了解的,但不确定如何在您选择不同的应用程序时编辑displayName以更改面包屑结构。index.htmlbreadcrumbs.html{{crumb.displayName}} {{crumb.displayName

javascript - 通用汽车 : resize image if it is wider than 1000px

我正在尝试通过collectionFS中的gm进行一些图像处理,因为我需要读取一个流并将其写回同一个文件,我必须使用一个临时文件-如下所示。我想检查图像是否大于1000像素。在这种情况下,它的大小应重新调整为1000像素。不幸的是,这不起作用,因为我收到错误TypeError:Object[objectObject]hasnomethod'pipe'和Error:gm().stream()orgm().write()带有不可读流。varfs=Npm.require('fs'),file=Images.findOne({_id:fileId}),read=file.createReadS

javascript - 如果 src 是 base64 字符串,如何获取新创建的 Image() 的文件大小?

如果此图像的src是base64数据图像,我如何获取新创建的newImage()的字节大小?我有这样的coffeescript代码:#Thisstringisreceivedaftersomeoriginalimagepreprocessingbase64String="data:image/jpeg;base64......"newImageObj=newImage()newImageObj.src=base64StringnewImageObj.onload=->console.log"Resizedimagewidthis"+this.widthconsole.log"Newfi