小编Phr*_*ogz的帖子

查找HTML Canvas上下文路径的当前点?

如果我有一个HTML Canvas上下文并执行:

ctx.beginPath();
ctx.moveTo(10,10);
ctx.lineTo(20,30);
ctx.closePath();
ctx.stroke();
Run Code Online (Sandbox Code Playgroud)

......在10,10和20,30之间画一条线.假设我有这个:

ctx.beginPath();
ctx.moveTo(10,10);
myFunction(ctx);
Run Code Online (Sandbox Code Playgroud)

有没有办法myFunction()找出路径'光标'当前在10,10

html5 canvas

11
推荐指数
1
解决办法
6370
查看次数

我可以使用画布禁用每个鼠标交互以与底层对象进行交互吗?

假设我有一个图形效果,我希望覆盖HTML-Text.此元素不应干扰网站的可用性,它不会有任何交互目的.是否可以禁用某个html对象上的所有鼠标交互,例如在画布上,这样我仍然可以与底层对象进行交互(点击链接,选择文本......)?

那太好了!

html javascript canvas mouseevent

11
推荐指数
1
解决办法
1万
查看次数

通过JavaScript访问SVG数据

我正在使用SVG和JS开发Web应用程序.事情进展顺利,但我对数据处理有点困惑.

用户创建的对象的数据会动态附加到SVG根目录.存储此SVG数据的位置和方式,以及如何访问它?我想要阅读它的原因是我想将这个SVG数据转换为HTML5画布(使用Google的canvg),最后将其转换为png图像以存储在我们的数据库中以供参考.

任何指导都将非常感谢.

javascript html5 svg canvas

11
推荐指数
1
解决办法
2万
查看次数

我的IE9可以跟踪逗号,用户的IE9不是; 为什么?

我有一个带有JavaScript文件的Web应用程序,使用如下代码:

var foo = {a:'b',c:'d',e:'f',};
Run Code Online (Sandbox Code Playgroud)

在我的电脑上,IE9(9.0.8112.16421)正常工作; 在Chrome/FF/Safari上解析和执行JavaScript.另一个用户声称拥有相同版本的IE,但在开发人员工具控制台中出现此错误:

SCRIPT1028: Expected identifier, string or number 
blob.js?modified=1304026278, line 524 character 136
Run Code Online (Sandbox Code Playgroud)

列136是对象文字的尾随逗号/右括号.

我已经"修复"了代码,因此用户应该没有更多问题,但我想知道:
什么可以使两台不同计算机上的相同版本的IE以不同的方式处理JavaScript?

javascript internet-explorer

11
推荐指数
1
解决办法
2273
查看次数

一组元素的反向顺序

我有一组看起来像这样的div:

<div id="con">
    <div> 1 </div>
    <div> 2 </div>
    <div> 3 </div>
    <div> 4 </div>
    <div> 5 </div>
</div>
Run Code Online (Sandbox Code Playgroud)

但我想让它们翻转,看起来像这样:

<div> 5 </div>
<div> 4 </div>
<div> 3 </div>
<div> 2 </div>
<div> 1 </div>
Run Code Online (Sandbox Code Playgroud)

因此,当添加div时,它将转到列表的末尾....

我怎么能这样做(或者有更好的方法)?

html javascript jquery

11
推荐指数
4
解决办法
8198
查看次数

从HTML页面中删除所有JavaScript

我已经尝试使用Sanitizegem来清理包含网站HTML的字符串.

它只删除了<script>标签,而不是脚本标签内的JavaScript.

我可以用什么来从页面中删除JavaScript?

ruby screen-scraping ruby-on-rails nokogiri ruby-on-rails-3.1

11
推荐指数
3
解决办法
6742
查看次数

缩放父元素时保留子元素的大小

我有一个XHTML页面,其中SVG作为<svg>元素嵌入其中.我需要实现缩放,但是要求内部<text>元素不能缩放.一个明显的解决方案是

<svg ...>
  <!-- Root <g> to programmatically `setAttribute("transform", ...)` -->
  <g transform="scale(0.5)">
    <!-- Various inner elements here -->
    <!-- Here is a text element.
         Additional <g> is to apply text position which
         *must* depend on the scaling factor set above -->
    <g transform="translate(100 50)">
      <!-- Apply the opposite scaling factor.
           Must be done for every `<text>` element on each change of the scaling factor... -->
      <text x="0" y="0" transform="scale(2)">Hello, World!</text>
    </g>
  </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

有比这更好的解决方案吗?也许,有一种方法可以"重置"内部<text> …

svg

11
推荐指数
1
解决办法
6161
查看次数

将n个字符从字符串的前面移到末尾

这似乎是一个简单的问题,但我找不到解决方案.我想首先,让我们说来自字符串的2个字母,并将它们移动到该字符串的末尾.因此,例如,OK12将变为12OK.

编辑:到目前为止,我已经尝试切断字符串,然后将其添加到字符串的其余部分,但我认为有一个单行解决方案,如预定义的功能或其他东西.

javascript string jquery

11
推荐指数
2
解决办法
1万
查看次数

如何使用SVG图像作为背景?

我一定做错了什么.图像作为SVG从Illustrator导出(我不确定这是否相关)它确实有一些像素数据. 这是我的JSFiddle示例.

请注意,直接转到图像,它显示正常:http://ykcreations.com/tv.svg


编辑:这在Chrome或Safari中不起作用,但在Firefox中起作用.Webkit问题?

css html5 svg

11
推荐指数
2
解决办法
1万
查看次数

GL_LUMINANCE,GL_LUMINANCE_ALPHA的替换

对于内存高效的实时嵌入式图形,我传统上使用GL_LUMINANCE在需要无损灰度图像时(或GL_LUMINANCE_ALPHA需要alpha时)编码的DDS图像.但是,我刚刚发现这些文件格式在OpenGL 3已弃用并从3.1中删除.

是否有无损灰度级数据的替换图像格式,每像素8位或更少(或涉及alpha时为16bpp)?

opengl image opengl-3

11
推荐指数
1
解决办法
6902
查看次数