草庐IT

图像安全

全部标签

javascript - 在 WebGL 和 three.js 中创建图像变形效果

我正在学习three.js,尝试尝试转换图像。我非常喜欢显示的效果here.我要遵循哪些步骤才能转换与此类似的图像?到目前为止我有://instantiatealoadervarloader=newTHREE.TextureLoader();//loadaresourceloader.load(//resourceURL'clouds.jpg',//Functionwhenresourceisloadedfunction(texture){init(newTHREE.MeshBasicMaterial({map:texture}));},//Functioncalledwhendown

javascript - 在javascript中显示来自blob的图像

我正在使用localstoragehtml5。首先,我将mysql数据库值保存到本地存储中,然后我在我想要的地方获取。它很好。我想将图像(如产品图像)保存到本地存储中,然后想在我想要的地方显示它们,我做了一个实验,因为我在mysql中将图像保存在blob中,我能够使用php获取和显示它们,但我不想在这里使用php,目的是离线工作。我无法通过显示图像javascript谁能帮帮我??可能有两种方式,一个是我们可以在javascript中将图像(我必须到图像的路径)编码成某种字符串,然后我可以在任何地方显示它吗?第二种方式..正如我所说,我将它保存在blob中,我可以使用javascrip

javascript - 使用 base64 编码/解码图像会破坏图像

我正在尝试对图像进行编码和解码。我正在使用FileReader的readAsDataURL方法将图像转换为base64。然后将其转换回来,我尝试使用readAsBinaryString()和atob()但没有成功。有没有另一种方法可以在不使用base64编码的情况下保留图像?readAsBinaryString()StartsreadingthecontentsofthespecifiedBlob,whichmaybeaFile.Whenthereadoperationisfinished,thereadyStatewillbecomeDONE,andtheonloadendcallb

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - jsPDF不处理图像

我正在尝试使用jsPDF库在客户端生成pdf。我的代码看起来像vardoc=newjsPDF();varimgData='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAByCAMAAAAh126/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74

javascript - 选择图像的一部分并使用 jQuery 检索其坐标

我需要一种方法让用户通过调整透明矩形的大小或通过单击并拖动选择区域(就像在桌面操作系统中所做的那样)来选择图像的一部分,这两种方法都适合我。然后我需要使用jQuery检索所选区域的坐标。请推荐可能有帮助的示例或tuts(如果有的话)、方法或API文档部分。 最佳答案 参见Jcrop这是演示。和脚本:jQuery(function($){$('#target').Jcrop({onChange:showCoords,onSelect:showCoords});});//Simpleeventhandler,calledfromonCh

JavaScript 来控制图像动画?

我想在页面上有一个动画Angular色,针对不同的行为使用不同的动画。我目前有两个关于它如何工作的想法:思路一:将每个行为都做成GIF动画,切换行为时使用JavaScript切换GIF文件。好处:动画在图像本身中,为JS留下更少的工作。缺点:JavaScript无法(据我所知)判断GIF在哪一帧,动画何时结束/循环等等。想法2:将每个动画的每一帧作为PNG图像,并使用JS在帧之间切换,使用一些预加载器确保所有图像在动画开始之前就绪。好处:更多地控制动画序列。缺点:很多框架......这两个想法哪个更好?(顺便说一句,我想避免为此使用Flash)我自己倾向于想法2,因为它提供了更好的控制

javascript - 如何使用带有图像链接的 Bootstrap 工具提示?

我正在努力使用带有图像链接的Bootstrap工具提示。问题是,当img标签位于a标签内时,工具提示不会显示在正确的位置并且似乎在闪烁。在检查HTML时,实际的a标签完全位于图像下方。这是一个fiddle:http://jsfiddle.net/paniwani/DUPyR/248/ 最佳答案 这个有效:a{display:inline-block;}http://jsfiddle.net/DUPyR/249/ 关于javascript-如何使用带有图像链接的Bootstrap工具提示?

javascript - Expressjs pm2忽略观看公共(public)/图像文件夹

我有一个使用nodejs的网站。问题是当用户上传图片时网站停止工作。那是因为我认为文件更改时PM2会重启服务器。如何解决这个问题呢。谢谢 最佳答案 PM2有特殊标志--ignore-watch标志。尝试在您的app.js/index.js所在的同一目录中创建文件process.json并粘贴:{"watch":["server","client"],"ignore_watch":["node_modules","public/images"],"watch_options":{"followSymlinks":false}}有关该主

javascript - 使用 jQuery 获取 div 的背景图像。是否有一种内置方法可以去除 url() 部分?

我正在使用这段代码获取div的背景图片。varbgImage=$('#content').css('backgroundImage');这将返回url%28http://example.com/images/layout/content-trans.png%29我知道您可以执行element.height()来获取元素的高度而不附加px(parseInt()也可以),所以我想知道jQuery是否有类似的方法来获取实际背景图像减去url()元数据。我想我可以使用正则表达式,例如/url\((.*)\)/,但我宁愿先知道是否有内置方法。 最佳答案