- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
logo的turtlegraphics的svg路径中是否有等价物?
而不是硬编码的 x 和 y 坐标,这也迫使我在移动更相对的“增量”方法时调整控制点。
我的解决方案应该适用于 FOCS(Firefox Opera Chrome Safaries ex IE)浏览器。
问候
杰伦。
最佳答案
编辑:我根据这个概念制作了一个实时编辑 web 应用程序:http://forresto.github.com/turtle-svg/
如果您想在 JavaScript 中使用海龟图形(带旋转)制作 SVG 路径,则不需要太多数学运算:
// Turtle graphics drawing to SVG path
var TAU = 2 * Math.PI;
var pen = true;
var d = "";
var vector = {
x: 0,
y: 1
};
var currentAngle = 0;
// Relative turns, angles are 0.0 to 1.0
var turnRight = function(angle){
currentAngle += angle;
currentAngle = currentAngle%1;
vector.x = Math.sin(TAU*currentAngle);
vector.y = Math.cos(TAU*currentAngle);
};
var turnLeft = function(angle){
turnRight(-angle);
};
// Absolute turn
var turnTo = function(angle){
currentAngle = angle;
vector.x = Math.sin(TAU*currentAngle);
vector.y = Math.cos(TAU*currentAngle);
};
// Drawing
var penUp = function(){
pen = false;
};
var penDown = function(){
pen = true;
};
// Relative moves
var moveForward = function (distance) {
d += pen ? "l " : "m ";
d += (distance * vector.x) + " " + (distance * vector.y) + " ";
}
// Absolute moves
var moveTo = function (x, y) {
d += pen ? "L " : "M ";
d += x + " " + y + " ";
}
d
到生成的
d
.通过一些递归绘图查看它的实际效果:
http://jsfiddle.net/forresto/hVE2U/
关于svg - SVG 中的海龟图形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2570821/
嗨,我正在为类(class)做作业,但最后一部分遇到了一些麻烦。这部分我正在编写代码来绘制一些阶段,并放入一个具有图片背景和一些自定义功能的世界中。我认为阶段的代码是问题所在。你们能帮我检查一下吗?
假设我们有一个文件my_file.txt内容: foo bar 和另一个文件my_other_file.txt包含: baz 我想使用 turtle 读取这两个文件的内容这样我就得到了 Shell 将
我正在尝试一项练习,要求我在Python中使用turtle绘制字母表中的字母。到目前为止,我认为我对如何使用前/后距离和旋转角度绘制直线、曲线和形状有了很好的理解。 我正在尝试绘制字母“B”,这是我的
我想将 Python Turtle 模块 (tkinter) Canvas 转换为位图。我按照“How to convert a Python tkinter canvas postscript fi
我是一名优秀的程序员,十分优秀!