首页 \ 问答 \ 输入表单以更改javascript中的相对URL(Input form to change relative URL in javascript)

输入表单以更改javascript中的相对URL(Input form to change relative URL in javascript)

我有一个问题。

我需要一个简单的输入表单,它将更改页面的相对URL。 可以说我有site.com/index

<form>
<p>
  <label for="url"</label>
  <input id="url" type="text" onchange="var a = document.createElement('a');
  a.setAttribute('href', this.value); this.value = a.href; window.location.search="/a.href";" placeholder="Search">
  <button type="submit">Submit</button>
</p> </form>

我哪里做错了? 无论我在表单中键入什么,它都会将我重定向到site.com/index?
也许我弄错了,这只能在后端处理。

提前致谢。


I have got a problem.

I need to have an simple input form which will change the relative URL of the page. Lets say i've got site.com/index

<form>
<p>
  <label for="url"</label>
  <input id="url" type="text" onchange="var a = document.createElement('a');
  a.setAttribute('href', this.value); this.value = a.href; window.location.search="/a.href";" placeholder="Search">
  <button type="submit">Submit</button>
</p> </form>

Where did i go wrong? Whatever i type in the form, it will redirect me to site.com/index?
Maybe i got it wrong and this can only be handled on the backend.

Thanks in advance.


原文:https://stackoverflow.com/questions/40095564
更新时间:2022-12-08 06:12

最满意答案

这是一个常见问题。 图像的透明部分是透明的白色 ; 也就是说,RGBA值接近(1,1,1,0)。 不透明区域边框上的像素部分透明,因此与透明白色混合。 这就是为什么你看到你的精灵边界周围的白色阴霾。

有两种方法可以解决您的问题。

代码之外

在代码之外更好地修复此问题。 在您使用的任何图形工具中,您需要使图像的部分透明部分使用与精灵的附近不透明像素匹配的RGB值。 根据工具的不同,可能会有内置操作来实现此目的。

后处理您的精灵

对于精灵中的每个像素(X,Y):

设(R,G,B,A)为像素的颜色。 如果我认为这些是在[0,1]范围内的浮点数。 当前颜色(R,G,B)是错误的,因为它已根据像素的alpha A与白色混合。 也就是说,如果(R',G',B')是正确的颜色,那么

(R,G,B)= A *(1,1,1)+(1-A)*(R',G',B')。

求得(R',G',B')

(R',G',B')=((R,G,B) - (A,A,A))/(1-A)。

因此,您可以使用以下方法修复颜色组件。

R = (R - A) / (1 - A)
G = (G - A) / (1 - A)
B = (B - A) / (1 - A)

This is a common problem. The transparent parts of your image are transparent white; that is, the RGBA values are near (1, 1, 1, 0). The pixels on the border of your opaque region are partially transparent and thus are blended with transparent white. This is why you see the white haze around the border of your sprite.

There are two ways to solve your problem.

Outside of Code

This problem is better fixed outside of code. In whatever graphics tool you are using, you need to make the partially-transparent portions of the image use RGB values that match the nearby opaque pixels of your sprite. Depending on the tool, there may be a built-in operation for exactly this purpose.

Post-Process Your Sprite

For each pixel (X,Y) in your sprite:

Let (R,G,B,A) be the color of your pixel. If I will assume these are floats in the range [0,1]. The current color (R,G,B) is wrong, because it has been blended with white according to the alpha A of the pixel. That is, if (R',G',B') is the correct color, you have

(R,G,B) = A * (1,1,1) + (1 - A) * (R',G',B').

Solving for (R',G',B') you get

(R',G',B') = ((R,G,B) - (A,A,A)) / (1 - A).

Thus you can fix your color components by using the following.

R = (R - A) / (1 - A)
G = (G - A) / (1 - A)
B = (B - A) / (1 - A)

相关问答

更多

相关文章

更多

最新问答

更多
  • 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序:页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C#类名中允许哪些字符?(What characters are allowed in C# class name?)
  • NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)