草庐IT

css绘制3D炫动ikun

全部标签

javascript - 正则表达式以最小化 CSS

我有一个用node.js编写的前向聚合器/最小化器/缓存器。现在效果很好。不过,我想知道是否有任何方法可以改进我的最小化正则表达式调用。一些注释并没有完全从CSS中删除,我注意到这里和那里还有一些其他问题。此外,考虑到我使用正则表达式的能力,我可能可以在一半的调用中完成相同的操作。:)如有任何建议,我们将不胜感激。谢谢。functionminimizeData(_content){varcontent=_content;content=content.replace(/(\/\*.*\*\/)|(\n|\r)+|\t*/g,'');content=content.replace(/\s

javascript - 如何使用 Javascript 在 SVG 中绘制不可缩放的圆

我正在开发一张map,在Javascript中使用SVG绘制线条。我想添加一个可以搜索道路的功能,如果找到道路,map上会出现一个圆圈。我知道我可以在SVG中画一个圆,但我的问题是,圆的大小不应该根据缩放级别而改变。换句话说,圆必须始终具有相同的大小。我map上的道路有这个功能,我所要做的就是添加vector-effect="non-scaling-stroke"到行属性..一行看起来像这样。圆圈看起来像这样。是否可以通过某种方式将圆定义为“非缩放”? 最佳答案 我花了一段时间,但我终于把数学搞清楚了。此解决方案需要三件事:包括th

javascript - Javascript中的Google Maps API,绘制圆的半径?

我正在寻找一种方法来绘制圆的半径或从圆的中心到圆的边缘的线(在以度为单位的精确坐标处)。这可能吗?怎么办?目前,我用API从我的map中心画了一个圆圈。我不认为它有帮助...我想要的示例:http://twitpic.com/aq40vvvarsunCircle={strokeColor:"#c3fc49",strokeOpacity:0.8,strokeWeight:2,fillColor:"#c3fc49",fillOpacity:0.35,map:map,center:latlng,radius:1500};cityCircle=newgoogle.maps.Circle(sun

javascript - 将 Canvas 上的视频转换为 3d 网格的合适起点是什么

目前是否有用于将Canvas中的视频流转换为3D网格的JavaScript库?示例情况是将相机对准杯子并捕捉原始图像,将以前的数据与新数据进行比较以生成视野内物体的边缘轮廓,理想情况下将其转换为最简单的多边形集并显示在第二个Canvas元素中计算多边形/模型。我看过mrdoob在3djavascript上的一些出色工作,从对象文件到Canvas中的渲染,但我希望捕获原始数据并尝试生成网格。目的是通过套接字在2个用户之间发送网格点,以获取当前在相机View中捕获的任何对象。感谢任何帮助。 最佳答案 它不是一个库,但这里演示了您正在寻找

javascript - 忽略 ASP.net 中的 Javascript、CSS 和图像文件路由

我上下调整了StackOverflow,但不幸的是,没有一个答案对我有帮助。我有一个Web应用程序,它使用VisualStudio提供的IIS在我的本地PC上完美运行,但是当我将此应用程序部署到服务器时,只有CSS才能正确显示。文件的文件夹结构如下:Root(此文件夹在服务器上名为KnowledgeManagement)CSSJS媒体上传文件图片用户我的代码,至少母版页的头部部分是这样的:然而,浏览器生成它是这样的:问题是除了CSS之外,JS文件夹中的文件和Media或Uploads文件夹和子文件夹中的文件都没有正确生成。问题是,如果我在图像src属性前添加“斜杠”,图像将获取位置ht

javascript - CSS @media 查询(和其他嵌套选择器)的正则表达式解析

我正在开发一个Node脚本,它使用正则表达式来解析CSS文件,并且它工作得很好......除了处理@media查询时。问题是由于嵌套的花括号让我很不舒服。我基本上想创建一个媒体查询中所有内容的捕获组:这是我到目前为止所获得的内容。@media[^{]+\{([^}]+)}\s*}这适用于一些简单的事情,例如:@media(max-width:868px){aside.size-toggle{display:none;}}但是不能拾取多个嵌套规则,像这样:@media(max-width:767px){#wrapper.sidebar-displayaside{left:0;transi

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 如何将 Javascript 变量值放入 CSS?

如何让time变量的内容显示为content我的CSS中的属性?JavaScript:functionclock(){vard=newDate();varhour=d.getHours();varmin=d.getMinutes();vartime=hour+":"+min;}CSS:.screen{position:absolute;height:75%;width:75%;background:#98E8EE;top:11.5%;left:12.5%;}.screen::after{color:#F9F5F4;font-size:40px;content:;font-family:

javascript - drupal 主题 : how do I include several css files/js files on my theme's . 信息文件?

我正在创建一个新的Drupal主题。到目前为止,我只需要包含一个css文件和一个js文件。所以我的theme.info文件有这样的东西:stylesheets[all][]=css/style.cssscripts[]=js/script.js现在我必须包含jquery和jquery-ui才能使用日历日期。它们带有2个新的javascript文件和1个我必须添加到站点的附加css文件。日历输入表单将用于所有页面(在侧block上),因此我可以在所有页面上加载额外的css/javascript。我认为最简单的方法是在.info文件本身上引用它们。起初我试着把它们放在单独的空格里:styl