纯JS画点、画线、画圆的方法

最新推荐文章于 2023-07-01 23:22:01 发布

weixin_33895016

最新推荐文章于 2023-07-01 23:22:01 发布

阅读量1.3k

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/j--d/p/js.html

版权

本文介绍了一种不依赖HTML5 canvas，而是利用JavaScript和数学三角函数来实现画点、画线和画圆的方法。通过创建div元素并定位，实现了在网页上动态绘制图形的功能。此外，还提供了拖动鼠标在页面上绘制直线和圆的交互功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div{ overflow:hidden;}
</style>
<script type="text/javascript">
/* 珠峰培训 2011年12月9日课堂示例
以下画点，画线，画圆的方法，都不是用HTML5的canvas，而是用的纯js
用到了一些数学的三角函数方法
以下代码是课堂随机写出，没有做更多优化
*/

function point(x,y){//画点
var oDiv=document.createElement('div');
oDiv.style.position='absolute';
oDiv.style.height='2px';
oDiv.style.width='2px';
oDiv.style.backgroundColor

最低0.47元/天解锁文章

weixin_33895016

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
纯JS画点、画线、画圆的方法

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahtt...
复制链接

扫一扫