腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
C#/WPF油墨中风与IsManipulationEnabled?
c#
、
.net
、
wpf
、
multi-touch
、
inkcanvas
我正在用墨水画布创建一个简单的多点触摸WPF应用程序。现在可以在墨水画布中使用带有图像的手势( IsManipulationEnabled缩放、移动、旋转),但是墨水笔画不具有属性,因此,我为UIElements编写的代码对于墨水笔画无效。 有什么办法解决这个问题吗?
浏览 2
提问于2015-06-19
得票数 0
1
回答
用鼠标旋转动画图像
javascript
、
3d
、
rotation
、
gnuplot
、
gif
我用gnuplot创建了一些3D动画gifs。我很难在gifs中看到所有已绘制的数据。 使用“set”命令并不是最优的,因为绘图是自动化的,而且数据因图而异,因此,如果一个视图可能对一组数据起作用,那么它将不适用于另一组数据。 我认为最好让用户用鼠标旋转轴,以便看到不同的角度。我知道这在例如x11终端中是可能的,但是它能用gif来完成吗?也许可以使用画布终端和JavaScript。 另一种选择可能是自动将图像围绕轴旋转,这样当图像加载时,它已经在旋转,并在数据被动画化时继续旋转。 有没有办法在侏儒情节中做到这一点?
浏览 6
提问于2015-04-20
得票数 0
回答已采纳
1
回答
jQuery旋转木马滚动不顺畅
jquery
、
carousel
我正在尝试在jQuery中创建一个像股票行情一样不断滚动的旋转木马(即:滚动动画中永远不应该有停顿)。 请看我到目前为止所尝试的jsFiddle示例: 使用下面的代码,我用3行代码创建了一个carousel,除了在carousel旋转一次后有一个轻微的延迟之外,它完全可以做我想做的事情。 function RotateCarousel() { $("ul li:first-child").animate({ marginLeft: -200 }, 1500, function () { $("ul li:first-child").
浏览 2
提问于2012-10-21
得票数 3
回答已采纳
2
回答
如何旋转HTML5画布的现有内容?
javascript
、
html
、
canvas
、
rotation
、
html5-canvas
有没有办法通过Javascript旋转HTML5画布的现有内容?我知道可以将将要绘制到画布上的图像旋转,但我希望旋转已绘制到画布上的内容,例如,400x400画布的200x200角,或现有画布的任何特定区域。 同样的问题来缩放现有的画布内容. 我知道getImageData/putImageData提供了转换像素数组的潜力,但它太慢,效率太低。
浏览 0
提问于2011-12-15
得票数 8
1
回答
如何使用画布或css3动画绳子
html
、
ipad
、
css
、
canvas
、
jquery-animate
我想深入到画布动画中(或者如果可以使用css3,它也是一个选项)。我想(自动)动画这条绳子(),就像它在周围晃动一样。我试图寻找一个脚本或其他解决方案,但似乎找不到合适的。有可能把它固定在绳子的顶部,价格在底部旋转一点吗? 有人能告诉我从哪里开始吗?
浏览 3
提问于2013-12-06
得票数 1
回答已采纳
4
回答
在画布中以不旋转画布的角度绘制图像
javascript
、
html
我正在使用JavaScript中的画布在HTML5中绘制一个图像。我需要以旋转的角度画它。我知道这可以通过使用画布的上下文应用旋转(角度)函数来完成。但是我需要做这个,而不旋转画布本身的。 如果可能的话,请建议可能的方法。
浏览 6
提问于2011-06-01
得票数 10
回答已采纳
1
回答
canvas.rotate没有为我正常工作
javascript
、
html
、
canvas
我正在用HTML5和Javascript中的画布制作一个指向最终目标的箭头。我这样做是通过找到玩家的x和y坐标以及最终目标,然后使用Math.atan2()来找到角度。到那时为止,一切都是完美无缺的,但是我到了把箭头呈现在两个点的同一角度的点上。我使用ctx.translate()和ctx.rotate()相应地旋转画布,但似乎画布旋转的程度与我告诉它的不同。例如: var angles = 90; ctx.rotate(angles); 但是画布会旋转得比我想要的要远得多。有什么线索可以解释为什么画布不按度旋转,以及如何修复?如果需要,这里是我的游戏WIP:的链接。 编辑:我可能也应该提到,
浏览 6
提问于2022-10-03
得票数 0
回答已采纳
1
回答
有可能在本地画布上使用动感Is吗?
javascript
、
jquery
、
kineticjs
我正在创建一个动画图表,我试图使用一个本地的画布元素以及动画中的kineticjs。我知道动力创造了一个隐藏的画布元素,但我的问题是。是否有可能阻止kinetic这样做,并将动态框架实现为本地的画布元素?
浏览 2
提问于2014-01-28
得票数 0
回答已采纳
1
回答
如何旋转要绘制到画布上的图像?
javascript
、
image
、
html
、
canvas
、
draw
因此,有了画布和canvasContext,我想在画布上多次绘制图像 所以我有这样的代码: var img = new Image(); img.src = 'http://superior0.narod.ru/5050.png'; function drawLine(g, n, x1, y1, x2, y2){ g.drawImage(img,x1,y1,10,10); } 在这里,我不旋转图像。我需要它被旋转的形式如何线将被旋转,如果绘制从点x1,y1到x2,y2。 如何在HTML5和Javascript中做这样的事情?(只需使用一个画布) 您可以在acr
浏览 2
提问于2010-12-24
得票数 0
回答已采纳
1
回答
如何以编程方式执行RotateAnimations的完整示例?
android
、
animation
我想有一个动画与各种步骤,做移动(平移)和旋转,如“直上,左转,直上,....”一辆车。 我可以在AnimationSet中做到这一点,但在使用"RELATIVE_TO_SELF“设置围绕我的汽车图像中心旋转时失败。我知道 Animation a = new RotateAnimation(0,90,Animation.RELATIVE_TO_SELF,0.5f,... ) 为了这个目的。旋转仍然发生在屏幕(或画布?)的左上角。 目前,我正在通过手动跟踪每个动画步骤后的位置来解决这个问题,但这是次优的。 我怀疑我的初始布局设置是假的: <LinearLayout xmlns:an
浏览 1
提问于2011-02-12
得票数 12
1
回答
离开状态画布被删除
javascript
、
html
、
canvas
我想做一个简单的javascript库,它涉及到旋转、转换和缩放画布。但是,当我旋转画布时,由于旋转的中心是(0,0),一半的内容会被删除。我想知道如何不删除它。
浏览 0
提问于2015-01-26
得票数 0
回答已采纳
2
回答
Velocity.js的缓动功能无法正常工作
javascript
、
velocity.js
、
jquery-easing
我调用了一个velocity.js函数来显示/隐藏直到视口的导航栏。我有两个函数来实现这一点。 function openNav(){ $('.navigation').velocity({height: "87vh"},{duration: 1000, display: 'block'}); } function closeNav(){ $('.navigation').velocity({height: '0vh'}, {duration: 1000, display: 'none'});
浏览 5
提问于2016-03-07
得票数 0
3
回答
用css3变换制作透视头
jquery
、
css
、
css-transitions
、
css-transforms
我需要一个小滑块演示 我希望我能让Reporting从 ()标题到下面这样的内容: 也很高兴有: 还可以在css动画中移动图标,而不是使用jQuery。 在图标步骤之后旋转3d动画 有更多按顺序出现的.slide元素 不需要跨浏览器的麻烦,一切都将运行在铬,最新版本。 编辑 我知道我可以轻松地处理使用jQuery添加类的转换,但是,由于对不同元素添加顺序似乎不容易,所以必须设置匹配的转换持续时间: $().ready(function(){ $('.icon').addClass('in'); setTimeout
浏览 3
提问于2013-04-26
得票数 1
回答已采纳
1
回答
向鼠标方向缓动旋转
java
、
rotation
、
processing
、
trigonometry
、
easing-functions
下面的代码使用一个简单的缓动函数将直线旋转到鼠标位置,但问题是atan2()方法的工作方式是从-PI到PI,当角度达到任何一个限制时,使直线向后旋转,我可以让它从0旋转到TWO_PI,但没有什么不同,因为直线将向后旋转,直到它到达targetAngle,如果我不使用缓动计算,因为从-PI到PI的跳跃是不可察觉的,那么我如何缓解我的旋转并避免此问题? float angle = 0; float targetAngle = 0; float easing = 0.1; void setup() { size(320, 240); } void draw() { background(
浏览 3
提问于2011-04-18
得票数 3
回答已采纳
1
回答
HTML5画布模拟绕其轴线旋转的行星?
javascript
、
html
、
css
、
canvas
我有一个问题,行星自转模拟在Javascript HTML5画布。 我有画布对象,我需要渲染一个圆圈,并显示行星的纹理:例如,这个 我需要旋转的纹理和显示模拟旋转行星围绕它的轴帆布(伪3D在2D帆布)。只在一个方向旋转:只滚动纹理。 所以,我希望比在CSS3 ( )中实现的例子更现实一些。 你能为我提供一个现成的解决方案,举例说明我的任务吗? 谢谢!
浏览 12
提问于2013-12-04
得票数 1
回答已采纳
1
回答
在phonegap中将相机或画廊中的图像保存在画布中,然后旋转和裁剪图像
javascript
、
html
、
cordova
、
kineticjs
、
jcrop
我是Phonegap,canvas等的新手。我的项目遇到了一些问题! 1-我需要捕获图片从画廊或相机,它的工作很好,图像保存在一个。问题是,我应该将画廊或相机中的图像保存在画布中,因为在拍摄完照片后,我需要对图像进行旋转。 2-我试图使用kinetics.js保存图像在画布和kinetics.js做的rotation...but的问题是,我的图像是不可用的画布在第一个time...you必须按下“旋转按钮”和之后,你可以看到画布是如何旋转的图像...我认为这个问题是充电时间与javascript,但我不知道如何解决它。 有人能帮我吗??这或多或少是对我的问题的描述,我需要对从相机或画廊收到的图
浏览 1
提问于2013-10-17
得票数 0
2
回答
可以在没有CSS3的情况下旋转HTML对象吗?
javascript
、
css
、
rotation
、
html2canvas
我正在构建一个应用程序,在该应用程序中,我使用 javascript库创建特定div的画布元素。问题是它不支持CSS3旋转属性,所以如果在应用程序中旋转图像,html2canvas不会正确渲染它(它不会应用旋转)。 那么,有没有可能在没有CSS3的情况下旋转HTML对象呢?
浏览 1
提问于2013-05-22
得票数 0
2
回答
如何使HTML元素**不能在iPad上旋转?
javascript
、
html
、
ipad
我目前正在开发一个针对HTML5的小型基于iPad的画布/JavaScript绘图应用程序。它在Safari运行。到目前为止,除了一件事外,一切都很顺利。 如果我旋转设备,我的UI就会重新定位。这对于大多数UI来说都很酷,除了画布本身。有什么办法迫使画布而不是旋转吗?
浏览 4
提问于2011-04-06
得票数 0
回答已采纳
1
回答
如何使用javascript检查图像的方向?
javascript
、
ios
我在一个项目中工作,我需要上传照片到画布,但问题是,当用户从iphone上传图像时,图像会自动旋转90度。 有没有办法用Javascript检查图像的方向?如果我可以旋转图像,如果它的方向不是法线(水平)? 提前谢谢。
浏览 0
提问于2013-11-05
得票数 0
1
回答
反应-本机:加载动画性能
performance
、
react-native
我有一个应用程序,在几个地方有以下模式: 用户按下发送后端api调用的按钮。(例如,在输入凭据后按下登录按钮) 该应用程序将按钮替换为指示处理的动画。(例如,一些旋转器替换了登录按钮) api调用返回一些结果,触发到下一个场景的导航。 问题是,我怀疑这对性能不利。在任何给定的时间,该应用程序要么是在调用api时同时呈现一个旋转器,要么是在将导航动画呈现到下一个场景时呈现一个旋转器。我注意到在这种过渡过程中,帧速率大幅下降。 React建议使用LayoutAnimation而不是Animation来提高性能。然而,缺乏文档,我无法理解如何让LayoutAnimation旋转东
浏览 4
提问于2017-07-14
得票数 1
回答已采纳
2
回答
在小间隔内通过javascript更新css时结结巴巴地运行动画
javascript
、
jquery
、
html
、
css
、
animation
我试图使一些DOM元素在一个不动点周围平稳地旋转。我用jQuery从头开始写这篇文章,不管我为setInterval选择了多快的更新速度,也不管我在每个循环上的轨道前进的程度有多小,我都会得到这个简陋的楼梯动画效果。我尝试使用jquery的.animate而不是.css,希望它能解决问题,但我似乎无法让它正常工作。任何帮助都是非常感谢的。 换句话说,它不像在HTML5画布中旋转图像那么平滑。我想让它变得更光滑。 注意动画怎么不是很流畅? 供参考,下面是代码: <div id="div"></div> <div class="dot
浏览 4
提问于2013-11-23
得票数 1
回答已采纳
1
回答
在Blender 2.5中删除动画中的速度缓动
animation
、
blender
、
blender-2.50
默认情况下,Blender将速度缓动添加到动画中。我需要移除它才能在我的模型上获得一致的旋转速度。如何/在哪里修改缓动曲线?谢谢
浏览 3
提问于2012-04-15
得票数 2
回答已采纳
1
回答
用相交行清除javascript画布线
javascript
、
html
、
canvas
、
html5-canvas
我有一张帆布,上面画了一些鼠标运动画的线。我希望这条线在移除自己之前只持续几秒钟。有点像在有固定长度的地方绕着丝带旋转。我正在使用lineTo绘制画布中的线条。我从这里引用了一些代码。 问题 我可以通过使用clearRect()清除行,但这实际上清除了所有内容,问题是,如果该行相交,它也会清除相交区域。下面是我的Fiddle点击并拖动到右下角的框中: 清晰的rect会给我这个: 摘要中的 clearRect只是擦拭所有的东西,我想动态地‘划’出界限,这样它就有了生命。我不能为我的一生找到能做的事. 任何帮助都是惊人的!
浏览 2
提问于2012-01-26
得票数 5
回答已采纳
1
回答
Caman.js呈现适用于以前的状态,而不是画布的当前状态。
javascript
、
canvas
、
image-rotation
、
camanjs
我通过javascript创建了一个简单的图像编辑器,用户应该能够旋转图像,并应用Caman实现的一些过滤器。 我在下面的画布中绘制初始图像: <canvas id="mainCanvas"></canvas> 在我的javascript中,我有以下用于使用画布的代码: var canvasId = 'mainCanvas'; var canvas = document.getElementById(canvasId); var ctx = canvas.getContext('2d'); 为了旋转图像,我使用了如下功能,
浏览 2
提问于2019-09-12
得票数 3
回答已采纳
1
回答
使用jsc3d.js旋转3d .obj文件
javascript
、
html
、
canvas
我正在使用jsc3d.js javascript库在画布上绘制一个.obj文件(参见:) 我想画4个按钮围绕它旋转是使用鼠标点击。我试过了 <input type="button" value="Rotate left" onClick="viewer.rotMatrix.rotateAboutXAxis(-10)" /> 但它并没有旋转。 有谁知道怎么旋转它吗?我的JavaScript知识不是很好。
浏览 2
提问于2012-11-10
得票数 0
2
回答
HTML5从中心点旋转图像
javascript
、
html
、
html5-canvas
、
image-rotation
在尝试学习一些HTML5动画时,我遇到了这个问题:当尝试根据鼠标在画布上的位置旋转图像时,旋转点在左上角,而不是图像中心。 根据有限的经验,我知道在flash中有一个选项来改变图像的锚点,以便可能的旋转围绕中心点旋转,而不是某个角落。在JavaScript中有没有类似的东西可以让我绕着它的中心旋转加载的图像?
浏览 2
提问于2012-09-27
得票数 0
2
回答
将缓动功能转换为在画布上移动对象?
function
、
animation
、
canvas
我正在尝试从这个页面使用这些缓解功能; 在我的画布项目中,我想知道是否有人可以在我的画布上用一个矩形来说明如何使用它们,它有一个x和y属性。 我知道t是时间(我已经成功地获得了帧间隔的增量时间,不确定是否需要)。 如何使用这些函数将缓动效果应用于我的矩形,该矩形具有x和y属性,它们是应将其放置在画布上的坐标? 我知道这个问题有点模糊,但我真的不理解这些函数,以及它们应该如何与画布上的矩形集成。 谢谢
浏览 0
提问于2013-06-17
得票数 1
回答已采纳
1
回答
如何将带有javascript动画的SVG导出为电影格式?
javascript
、
html
、
svg
、
video
我一直在用一个名为的库制作动画,这个库使用javascript和来动画SVG元素,而不是提供的 <animate>标记。 是否有方法将<svg>标记的内容转换为位图图像60帧每秒超过动画的范围?或者更好的方法是将对requestAnimationFrame的调用编译成电影? 像这样的库首先将SVG转换为画布,这实际上是相同的,但这是从javascript SVG动画中获取电影文件的唯一方法吗?
浏览 1
提问于2020-08-30
得票数 0
2
回答
在画布内的当前鼠标位置添加一个Textarea
javascript
、
jquery
、
html
、
html5-canvas
我想在画布上添加一些文本信息。当我在画布上的一个点上单击鼠标时,它应该在当前鼠标位置显示一个文本区。还可以选择、拖动和旋转画布吗?可以使用HTML5画布和javascript来实现这一功能吗?
浏览 8
提问于2012-12-11
得票数 3
回答已采纳
1
回答
iPad画布旋转
javascript
、
ipad
、
html
、
canvas
、
orientation
我创建了一个画布元素,并使用javascript使其在视口中尽可能大,同时保持纵横比。 当您旋转iPad时,设备首先旋转页面,然后才会启动调整大小事件。 问题是,如果你从横向(大约800px宽)到纵向(大约400px),身体的一部分没有显示出来,因为那时还没有调整大小。在此之后,resize事件将画布的大小调整为正确的大小,但是画布的一部分(& document)仍然在视口之外。 所以基本上问题的存在是因为resize事件仅在iPad由于body太宽而切断两边body的一部分之后才会启动。 我可以通过在画布上设置一个边距来补偿这个问题,但这是一个肮脏的解决方案……有人有更好的建议吗?
浏览 1
提问于2012-04-19
得票数 2
回答已采纳
1
回答
HTML5画布。如何仅旋转(保持旋转)一个对象(共>1个)?
javascript
、
html5-canvas
我正在尝试处理在画布中旋转,但我还没有找到我的问题的答案。 一个方块是保持静止不动。在指定点旋转的另一个正方形。我可以让整个画布在这一点上旋转,也可以根本不旋转。但是我不能让一个正方形是静止的,而另一个是旋转的。 请在此处查看我的codepen演示: javascript: HEIGHT = 400; WIDTH = 400; function draw(){ var ctx = document.getElementById("canvas").getContext('2d'); ctx.clearRect(0,0,WIDTH,HEIGHT); // d
浏览 5
提问于2017-01-21
得票数 0
回答已采纳
1
回答
如何在不干扰Android坐标系的情况下旋转画布?
android
、
canvas
、
rotation
、
surfaceview
我正在尝试使用canvas.rotate旋转画布,同时在画布上移动一个对象。问题是,随着旋转,画布的坐标系也会旋转,所以我得到的情况是,我的对象应该沿着y轴移动,但y轴在x轴的位置旋转。真是一团糟。有没有办法绕过这个问题?
浏览 0
提问于2010-09-27
得票数 1
回答已采纳
1
回答
脱离动画?
javascript
、
jquery
、
css
、
animation
所以我有一个盒子.box。无穷无尽地重复旋转动画。 @keyframes spin { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);} } 只有在运行该框的第二个类名时才会应用该动画 .box.running { animation-name:spin; 这样我就可以通过javascript轻松地停止动画。(通过删除第二个类名。) 我希望它能顺利地从动画中的任何位置过渡到正常的旋转,现在是0deg。 任何帮助都将不胜感激。
浏览 2
提问于2017-08-07
得票数 5
回答已采纳
2
回答
JavaScript旋转在平移后是错误的
javascript
、
jquery
、
velocity.js
我用Velocity.js制作动画。 我首先要翻译和旋转一个物体。动画完成后,我需要将物体旋转360度。 问题是,在第二个动画中,旋转轴是关闭的。物体不是围绕着中心旋转,而是围绕着它的原始点旋转。 $.Velocity( obj, "stop" ); $.Velocity( obj, {translateX: pos, rotateZ: rotation + 'deg'}, {duration: 1000, complete: function() { $.Velocit
浏览 9
提问于2015-03-17
得票数 4
回答已采纳
2
回答
单击移动设备上的主页按钮(切换应用程序)时,画布动画停止播放
javascript
、
animation
、
canvas
、
mobile
、
tablet
我在移动设备/平板电脑上的画布动画出现问题。动画运行良好,直到我点击“主页”或“切换”按钮,然后更改设备“旋转”。当我切换回带有画布动画的浏览器窗口时,它被冻结了,不再播放。 这是一把小提琴: jsfiddle.net/nLmjchqv/ 是否可以再次运行动画(如重新启动画布)?在JavaScript中可以检测到应用程序的切换或主页按钮点击吗? 谢谢。
浏览 22
提问于2016-08-25
得票数 0
回答已采纳
1
回答
使用jquery在单击时多次旋转图像
javascript
、
jquery
、
rotation
我正在尝试使用jquery旋转图像,该jquery将在多次单击鼠标时旋转。使用插件,下面的代码只旋转图像一次(在火狐中转换为画布),并且不再在下一次点击时旋转。 $(".drag-and-rotatable img").click(function() { $(this).rotate(45); }); 我对使用其他JavaScript库持开放态度。
浏览 0
提问于2010-11-16
得票数 1
回答已采纳
2
回答
将html内容呈现到画布上
javascript
、
windows-store-apps
、
html2canvas
我正在用html5 5/javascript开发windows存储应用程序,我需要捕捉屏幕,但是没有直接的api来呈现屏幕。因此,我使用html2canvas.js将html内容呈现到画布中,并使用winjs将其保存为位图,但html2canvas.js在屏幕上不呈现旋转的div,尽管它可以呈现旋转的图像。 如何使用tml2canvas或任何其他答案将旋转的div从html呈现到画布上,这将极大地帮助我。 谢谢
浏览 9
提问于2014-05-02
得票数 0
回答已采纳
1
回答
动态JS :在动画中应用缓动效果
jquery
、
html
、
html5-canvas
、
kineticjs
任何人都知道如何在动画中应用缓动效果。下面是我尝试设置缓动效果的代码。我想要设置easin,easout,弹跳,旋转等效果应用 var yPos = myShape.getAttr('y'), xPos = myShape.getAttr('x'), maxX = 1000, maxY = 1000, yIncreasing = true, xIncreasing = true; //lets assume myShape resides somewhere below the max var anim = new Ki
浏览 1
提问于2014-09-20
得票数 1
1
回答
如何在纵向模式下保持GLKView (或UIView)与设备方向无关?
ios
、
opengl-es-2.0
我已经看到这个问题在这里问了几次,但没有一个与我正在寻找的完全匹配。 我所要做的就是让单个GLKView处于纵向模式(停止设备上的自动旋转方法来旋转这个单独的视图)。 问题是,我希望所有其他的东西都由自动旋转函数来处理。 因为GLKView是UIView的后代,所以我可以应用一个转换,让它始终保持原来的方向,执行设备正在做的相反的旋转。 然而,这不会起作用,因为我不能直接将变换应用于层,因为OpenGL会给我一个错误。“未能生成完整的帧缓冲区对象8cd6”(也许我必须在旋转后重新构建帧缓冲区对象或其他什么?) 提前谢谢。
浏览 1
提问于2012-05-30
得票数 2
1
回答
旋转画布精灵画不正确
javascript
、
html-canvas
、
transformation
首先,对不起我的英语。说:最近我开始学习JavaScript,我决定用画布和javascript制作一个简单的电子游戏,没有库或游戏引擎,直到现在我才学到的。我的小项目的问题是,当移动它或使用player2 (基本上是player1旋转)时,雪碧就会变得一团糟,即使代码与player1完全相同。我想是和旋转上下文有关,但我搞不懂。下面是代码凡人kombat演示,以及基本说明。
浏览 0
提问于2016-11-08
得票数 1
1
回答
如何用opencv模拟摇晃的凸轮?
opencv
我试着在静态视频中模拟一个摇晃的摄像头。我可以随机选择几个点,然后使用缓动平移/缩放/扭曲,但我想知道是否有更好的,更标准的方法。
浏览 2
提问于2012-06-27
得票数 5
回答已采纳
2
回答
如何使用Canvas旋转图像本身?
javascript
、
html
、
canvas
我在使用画布旋转图像本身时遇到了问题。 由于不能旋转图像,因此必须旋转画布:如果我将画布旋转一定程度,我希望旋转的原点会发生变化。我不知道如何跟踪这个变化。 这是我当前的代码: 在上有一个演示 如果你想尝试一下,压缩的代码和图片在
浏览 0
提问于2009-10-26
得票数 3
回答已采纳
2
回答
帆布旋转后如何检测画布上的点
html
、
canvas
、
rotation
我正在开发html5画布应用程序,在画布上绘制矩形。 画布是格子到中心位置,使用fillRect函数绘制矩形画布相对于其父div是绝对位置。当画布处于原始位置时,它的工作是正常的,但当我旋转画布90/180/270度时,我无法联系点,点击屏幕,在画布上画点。当画布处于原来的位置时,我可以得到点点击屏幕,然后把那个点转到画布上,根据我的翻译位置画矩形。但是当我将画布旋转90/180/270度时,我无法将屏幕点转换为画布点。因此,形状是在奇数/不同位置绘制的,然后由用户实际单击.。 我的问题是: 当画布旋转时,如何将屏幕上点击的点按照其旋转情况转换为画布绘制点。
浏览 1
提问于2012-02-27
得票数 6
1
回答
旋转javascript图像
javascript
我想在javascript中旋转图像。在javascript中用于图像的变量是heroImage。我使用的是jquery rotate,它只在html中旋转图像时才能正常工作,而在javascript中则不行。通常它看起来像这样 $("#image").rotate(angle); 但这只适用于用html创建的图像。 这是im当前使用的代码的一部分。 var heroImage = new Image(); heroImage.src = "images/hero.png"; 画的是画布,如果有帮助的话。问题是#image只能引用html div元素af
浏览 1
提问于2013-08-19
得票数 0
2
回答
JavaScript CSS旋转文本方向
javascript
、
css
这听起来可能很简单,但请相信我,我到处都找过了,但都没有结果。 我在JavaScript中创建了动态文本,如下所示: context.fillText('name', 10, 10, 20); 我现在需要将此文本设置为垂直方向。注意:此文本显示在画布中,该画布具有我不打算旋转的其他对象,因此旋转画布不是我要寻找的解决方案。 我会对使用css的解决方案感到满意-原因是我可能想要将此角度和颜色属性应用于画布上的几个文本。我刚开始使用css,所以我不知道如何创建它,识别这个文本以将其应用于JavaScript中的内联。 如下所示:,但是本例中的文本是html格式的,所以它有一
浏览 0
提问于2013-06-08
得票数 1
回答已采纳
6
回答
如何捕捉元素外的鼠标事件?
javascript
我有一个简单的Javascript代码,类似于这个: var mouseIsDown = false; ... function canvasMouseDown(e) { ... mouseIsDown = true; } function canvasMouseUp(e) { mouseIsDown = false; } function canvasMouseMove(e) { if (mouseIsDown) { ... } } 实现了我自己的用户界面的转换(翻译,缩放和旋转)与画布。 在canvasMouseMove()函数中这样的实现检查mouseIsDo
浏览 8
提问于2012-07-18
得票数 52
回答已采纳
4
回答
HTML5画布:如何通过按度数旋转图像来创建加载微调器?
javascript
、
html
、
canvas
、
rotation
我正在用html5画布做一个加载微调器。我在画布上有我的图形,但当我旋转它时,图像会旋转离开画布。如何告诉它在其中心点上旋转图形? <!DOCTYPE html> <html> <head> <title>Canvas test</title> <script type="text/javascript"> window.onload = function() { var drawingCanvas = document.getElementById('myDrawing
浏览 0
提问于2010-05-04
得票数 19
2
回答
如何设置Paper.js画布背景填充颜色(无CSS背景)
javascript
、
html
、
canvas
、
paperjs
我正在制作一个paper.js动画。动画包含多个路径。我使用在视频中导出动画。ccapture.js所做的就是一帧一帧地捕捉画布上的图画,并将其转换成视频。 我面临的问题是,在动画中,我希望画布的背景色是白色的。如果我使用css设置画布的背景色,background-color: white; ccapture将忽略此颜色,并且捕获的视频中的背景色将是黑色的,因为白色不是在画布上绘制的,而是元素的背景。我测试过这个方法却没有运气。 我尝试在动画中添加一个白色矩形路径,但是它隐藏了动画,我所能看到的就是白色矩形。我找到了一个函数的引用,可以使用sentToBack()从后面的中将白色矩形放回后面
浏览 3
提问于2015-12-11
得票数 6
回答已采纳
1
回答
为什么画布线条不可见?
javascript
、
html
、
math
、
canvas
我在HTML5画布上构建了一个旋转的超立方体,但在此之前,我在画布上遇到了一个基本的困难。我有一个白色/未着色的画布,在将fillStyle和strokeStyle设置为'#000000‘后,我正在尝试绘制线条,但我还没有成功地使画布上的任何像素显示为白色以外的其他像素。 画布在,JavaScript部分是数学,部分是老式的JavaScript,在。日志显示它在画布上绘制线条,其中一些线条应该与500x500画布相交,而另一些线条应该完全位于画布内部,但我看到的是纯白色。 它的数学方面需要从高维表面到低维表面的投影方面的工作。然而,我现在试图解决的困难是一个基本的HTML5画布问题,因
浏览 0
提问于2013-02-15
得票数 0
回答已采纳
2
回答
轨道动画
wpf
、
animation
、
path
、
geometry
首先,我会试着解释一下我想要做什么。乍一看,这项任务看起来相当简单,但我花了一些时间才意识到它非常复杂。我想要做的是在开始和结束时使用缓动的简单动画-我知道如何使用缓动,困难的部分是我正在尝试做一些类似于轨道-椭圆轨道的事情,比如说5个矩形附加到它上面。我想沿着椭圆轨道(椭圆路径)移动矩形,而不改变每个矩形的旋转角度。 我尝试过路径动画,但似乎运动路径动画不支持缓动?我说错了吗?第二个解决方案是将路径和矩形分组,然后旋转整个组,但这也会改变矩形的旋转角度。有没有简单的方法可以做到这一点?请给我推荐一篇文章或别的什么,或者如果你有类似的场景,请分享解决方案。谢谢。
浏览 1
提问于2011-04-16
得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
快速提高前端开发效率:10个JavaScript图像处理库
Fabric.js 2.3.3 发布,简易 JavaScript Canvas 库
讲真,会写动画的前端才是好开发!
10个免费好用功能强大的网页动画效果库
HTML5动画与动效
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券