`
王斌_code
  • 浏览: 33088 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

一个简单的旋转文字效果

 
阅读更多 
<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
<div id="msg"></div>
<script type="text/javascript">
var word = '这是一个不好说的故事，但还是要说';
var wordArr = word.split("");
var locateWord = function(x,y,r,i){
  var length = wordArr.length;
  var html = "";
  var everyAngle = 1;
  var allLength = Math.PI / everyAngle;
  for(var j = 0;j < length;j ++){
    var angle = 2 * Math.PI / length * j + (i % allLength * everyAngle);
    var left = x + r * Math.cos(angle);
    var top = y + r * Math.sin(angle);
    html += ("<div style='position:absolute;left:" + left + "px;top:" + top + "px;'>" + wordArr[j] + "</div>");
  }
  document.getElementById("msg").innerHTML = html;
}
var i = 0;
var x,y;
window.onmousemove = function(event){
  x = event.clientX;
  y = event.clientY;
}
function s(){
  locateWord(x,y,200,i += (Math.PI / 360));
}
setInterval(s, 20);
</script>	
</body>
</html>
分享到：
| 诡异的正则表达式创建区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS3文字旋转特效

    下面是一个基本的文字旋转特效实现： ```css 旋转文字示例 { display: inline-block; transform: rotate(360deg); transition: transform 2s; /* 动画持续时间 */ } ``` 在这个例子中，`display: inline-block`...

    vc++6.0 编写的旋转文字小程序

    在本文中，我们将深入探讨如何使用Microsoft Visual C++ 6.0（简称VC++6.0）编写一个简单的旋转文字程序。这个程序允许用户输入文字，然后将其展示为围绕中心旋转的24个副本，形成一个动态的文字图案。首先，我们...

    VC++ 制作3D效果的旋转文字特效

    VC++ 制作3D效果的旋转文字特效 用VC++制作3D效果的旋转文字特效，不但具有3D阴影效果，而且文字还可以水平、垂直翻转，很强悍吧？源代码 顺利编译，虽然很简单但很实用，而且效果不错

    旋转文字效果演示，写入文字后，可旋转任意角度

    这个“旋转文字效果演示”可能是一个简单的项目，旨在教用户如何在VB6中实现文本的视觉旋转。 要实现文字旋转，首先需要理解VB6中的Graphics对象和Font对象。Graphics对象提供了一系列方法来绘制和操纵图形，包括...

    44旋转文字的软件源码

    此外，"44旋转文字"这个标题可能暗示了某种特定的编码或加密技术，其中数字"44"可能是一个关键的值或者步骤。但没有更多的上下文，很难具体解读。 在标签中提到的"vb技术文章"可能是指与VB编程相关的技术讨论或教程...

    UIButton,UILabel文字旋转(倾斜)

    以下是一个简单的例子，演示如何将按钮标题旋转45度： ```swift let button = UIButton(type: .system) button.setTitle("旋转按钮", for: .normal) let rotation = CGAffineTransform(rotationAngle: .pi / 4) ...

    WPF将控件中的文字旋转.zip

    9. **压缩包内的示例**：“WpfApp1”可能包含一个简单的WPF应用程序，演示了如何创建并应用`RotateTransform`来旋转文字。通过查看和运行这个示例，你可以直观地了解这个过程，并学习如何将其应用到自己的项目中。 ...

    用C#实现的文字绘制效果，旋转和重影效果

    例如，我们可以这样旋转文字： ```csharp // 创建旋转角度 float angle = 45; // 创建旋转矩阵 Matrix rotationMatrix = new Matrix(); rotationMatrix.RotateAt(angle, new PointF(50, 50)); // 使用旋转矩阵...

    文字的360度旋转效果

    以下是一段简单的代码示例，展示如何创建一个窗体并用GDI+实现文字360度旋转： ```csharp using System; using System.Drawing; using System.Windows.Forms; public class TextRotationExample : Form { public ...

    jQuery和css3简单的文字3d翻转和3d旋转动画特效

    在这个特效插件中，CSS3的3D转换被用于实现文字的翻转和旋转效果，使得静态的文字变得更加生动和立体。 这个插件包含五种不同的文字动画效果： 1. 淡入淡出：这是一种基础的过渡效果，文字在显示时逐渐出现，消失...

    FLASH文字效果生成器

    "FLASH文字效果生成器"是一个专门用于创建动态文字效果的工具，旨在帮助用户快速、简单地制作出吸引人的文字动画。这款工具特别适合那些对编程或动画制作不熟悉的用户，它提供了一个直观的界面和一系列预设的效果...

    在pocket pc/ windows ce上c#实现文字的旋转（源码）

    以下是一个简单的代码示例，展示了如何在Pocket PC/Windows CE上旋转文字： ```csharp using System.Drawing; using System.Drawing.Drawing2D; public void DrawRotatedText(Graphics g, string text, PointF ...

    简单的as3.0代码实现文字旋转

    我们将创建一个事件监听器，并在其中更新文字的旋转角度： ```actionscript stage.addEventListener(Event.ENTER_FRAME, onEnterFrame); function onEnterFrame(event:Event):void { textfield.rotation += 5; // ...

    html5+three制作的3D方块和文字空间旋转动画特效

    Three.js是一个基于WebGL的JavaScript库，它使得在浏览器中创建复杂的3D场景变得简单易行。本项目利用这两者结合，实现了3D方块和文字在空间中的旋转动画特效，还具有鼠标交互功能，允许用户自定义修改文字标签，...

    顺时针旋转文字

    这段代码创建了一个简单的窗口，并在其中绘制了顺时针旋转90度的文字。你可以根据需要调整旋转角度来实现不同的旋转效果。 了解以上知识点后，你可以轻松地在Java程序中实现顺时针旋转文字的效果。在实际项目中，...

    一个很不错的VB文字特效.rar

    开发者可以利用GDI+来实现动态的文字效果，比如旋转、缩放、模糊、描边等。 2. **Text渲染**：VB提供了多种方法来绘制和格式化文本，如`Graphics.DrawString`方法。通过调整字体、颜色、位置和角度，可以创建出各种...

    跟随鼠标的旋转文字JAVA代码

    在Java编程语言中，创建一个跟随鼠标移动并旋转的文字效果是一项有趣的挑战，它可以应用于各种Web应用或者图形用户界面（GUI）中，为用户提供独特的交互体验。这个“跟随鼠标的旋转文字”实现通常涉及到Java的图形...

    关于c#中的文字旋转问题，以及解决思路。

    首先创建一个`Bitmap`对象，然后通过`Graphics.FromImage()`方法获取到一个`Graphics`实例，该实例可以用于在图片上绘制内容。 2. **绘制文字**： 使用`Graphics.DrawString()`方法可以在图片上绘制文字。该方法...

    swf文字特效制作工具

    综上所述，"swf文字特效制作工具"是一个强大的工具，帮助用户轻松创建Flash文字特效，提升数字内容的表现力。对于希望在网页、广告或其他数字项目中添加互动性和视觉吸引力的创作者来说，这款工具无疑是一个宝贵的...

    visual c++ vc在对话框上制作文字旋转动画.zip

    总的来说，这个例子将演示如何在Visual C++的MFC环境中利用GDI+技术，结合对话框控件和事件处理，实现一个简单的文字旋转动画效果。这对于提升应用程序的视觉吸引力和用户交互性具有重要意义。开发者需要理解对话框...

Magicbox
Global site tag (gtag.js) - Google Analytics