社区
CSS
帖子详情
怎样让图形在IE改变大小的时候不变形?
jjdelphi
2004-06-15 04:59:28
页面是这样布局的:
用js画一个图形,比如一个五角星,一条斜线。
然后在下面从数据库中取数,形成表格。
当窗口最大化的时候,图形显示正常,但是在改变窗口大小的时候,图形就会变形。
想要在窗口改变的时候,重绘图形以显示正常。但是从onResize里面执行画图脚本DrawL()的时候,只是把图形重绘了一遍,从数据库取数的表格没有了。
怎样解决这个问题?
...全文
151
5
打赏
收藏
怎样让图形在IE改变大小的时候不变形?
页面是这样布局的: 用js画一个图形,比如一个五角星,一条斜线。 然后在下面从数据库中取数,形成表格。 当窗口最大化的时候,图形显示正常,但是在改变窗口大小的时候,图形就会变形。 想要在窗口改变的时候,重绘图形以显示正常。但是从onResize里面执行画图脚本DrawL()的时候,只是把图形重绘了一遍,从数据库取数的表格没有了。 怎样解决这个问题?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
梅雪香
2004-06-20
打赏
举报
回复
用绝对大小是不是就不变形了?
BlueDestiny
2004-06-16
打赏
举报
回复
顶
gjd111686
2004-06-15
打赏
举报
回复
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
<style>
v\:*{behavior:url(#default#vml)}
</style>
</head>
<body onload="drawLinesX(4500);drawLinesY(13);">
<script>
function drawLinesX(iMaxX)
{
iCount=0;//画横坐标
var iTextPoint=1;
for(var iIndex=1;iIndex<=10;iIndex++)
{
var iPositionY=2750-iIndex*245;
var strTo=iMaxX+" "+iPositionY;
var newLine=document.createElement("<v:line from='200 "+iPositionY+"' to='"+strTo+"' style='position:absolute;z-index:8'></v:line>");
GroupID.insertBefore(newLine);
if(iCount%2!=0)
{
var newStroke=document.createElement("<v:stroke color='#C0C0C0'>");
newLine.insertBefore(newStroke);
var newShape=document.createElement("<v:shape style='position:absolute;left:-350;top:"+(iPositionY-50)+";width:1000px;height:200px;z-index:8' coordsize='21600,21600' fillcolor='white'></v:shape>");
GroupID.insertBefore(newShape);
var newText=document.createElement("<v:textbox id='T"+iTextPoint+"' inset='3pt,0pt,3pt,0pt' style='font-size:10pt;v-text-anchor:bottom-right-baseline'></v:textbox>");
newShape.insertBefore(newText);
newText.innerText=iTextPoint;
iTextPoint++;
}
else
{
var newStroke=document.createElement("<v:stroke dashstyle='dot' color='#000000'/>");
newLine.insertBefore(newStroke);
}
iCount++;
}
}
function drawLinesY(iMaxY)
{
var iTextPoint=1;
for(var iIndex=1;iIndex<=iMaxY;iIndex++)
{
var iPositionY=170+iIndex*300;
var newLine=document.createElement("<v:line from='"+iPositionY+" 2700' to='"+iPositionY+" 2750' style='position:absolute;z-index:8'></v:line>");
GroupID.insertBefore(newLine);
var newStroke=document.createElement("<v:stroke color='black'>");
newLine.insertBefore(newStroke);
var newShape=document.createElement("<v:shape style='position:absolute;left:"+(iPositionY-50)+";top:2750;width:200px;height:150px;z-index:8' coordsize='21600,21600' fillcolor='white'></v:shape>");
GroupID.insertBefore(newShape);
var newText=document.createElement("<v:textbox id='ty"+iTextPoint+"' inset='3pt,0pt,3pt,0pt' style='font-size:9pt;v-text-anchor:bottom-right-baseline'></v:textbox>");
newShape.insertBefore(newText);
newText.innerHTML=iTextPoint;
iTextPoint++;
}
}
function drawBar(iUnit,iIndex)
{
var iHeight=iUnit*245-50;
var iPositionX=2750-iUnit*245;
var iPositionY=170+iIndex*300;
var newShape=document.createElement("<v:rect style='position:absolute;left:"+iPositionY+";top:"+iPositionX+";width:190px;height:"+iHeight+"px;z-index:9' coordsize='21600,21600' fillcolor='#EEEEEE'></v:rect>");
GroupID.insertBefore(newShape);
}
function drawBars()
{
for(iIndex=1;iIndex<13;iIndex++)
{
drawBar(Math.random()*10,iIndex);
}
}
</script>
<v:group ID="GroupID" style="width:700px;height:500px" coordsize="4900,3500">
<v:line from="200,100" to="200,2700" style="z-index:1;position:absolute" strokeweight="1pt">
<v:stroke StartArrow="classic" dashstyle="Single"/>
</v:line>
<v:line from="200,2700" to="4500,2700" style="z-index:1;position:absolute" strokeweight="1pt">
<v:stroke EndArrow="classic" dashstyle="Single"/>
</v:line>
<v:rect style="width:4600px;height:2900px" coordsize="21600,21600" fillcolor="#FFFFFF" strokecolor="#000000">
<v:shadow on="True" type="single" color="silver" offset="4pt,3pt"></v:shadow>
</v:rect>
<v:shape style="position:absolute;left:-350;top:2650;width:1000px;height:200px;z-index:8" coordsize="21600,21600" fillcolor="#FFFFFF">
<v:textbox id="TextID" inset="3pt,0pt,3pt,0pt" align="center" style="font-size:9pt;v-text-anchor:bottom-center-baseline">0</v:textbox>
</v:shape>
</v:group>
<br>
<input type="button" value="生成曲线" onclick="drawBars();">
</body>
</html>
gjd111686
2004-06-15
打赏
举报
回复
画图用VML就可以了.
jjdelphi
2004-06-15
打赏
举报
回复
代码如下:刷新出错
<body leftmargin=20 topmargin=20 onResize="DrawHead()">
<TABLE border=0 bgcolor="000000" cellspacing="1" width=100%>
<TR height=20% bgcolor="FFFFFF" align="center">
<TD height=100 width=20% id="td1" colSpan=2 class="td1" onload=DrawHead()>
</TD>
<TD>第3列</TD>
<TD>4</TD>
<TD>5</TD>
</TR>
</TABLE>
<script>
function a(x,y,color)
{
document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top: "+(y+20)+";background-color: "+color+"' width=1 height=1>")
}
function line(x1,y1,x2,y2,color)
{
var tmp
if(x1>=x2)
{
tmp=x1;
x1=x2;
x2=tmp;
tmp=y1;
y1=y2;
y2=tmp;
}
for(var i=x1;i<=x2;i++)
{
x = i;
y = (y2 - y1) / (x2 - x1) * (x - x1) + y1; //斜率计算y
a(x,y,color);
}
}
function DrawHead()
{
L = td1.offsetLeft;
T = td1.offsetTop;
W = td1.offsetWidth;
H = td1.offsetHeight;
line ( L,T,L+W,T+H,'#000000');
}
DrawHead();
</script>
</BODY>
APK体积优化的一些总结,【性能优化实战】
这个使用的时候很简单,选中图片直接右键,conver to Webp…直接就能转换过来!越大的图片转换节约的体积也就越大! 资源混淆 基本上我优化的时候就从以上几个方面去进行的,在和之前没进行优化的项目比较,可以使体积减少至少30%!不信可以在你的项目中实验一下!省的说我开车不稳,翻车了!!! 1. svg的使用与优化 首先我们先来了解一下什么是svg在百度百科是这么说的!!!,其实我们只要关注主要的概念就好了!可缩放的矢量
图形
。其实人话就是在不同
大小
的地方显示不
变形
!具体的概念,看看百度百科就好了!!!
计算机
图形
学入门OpenGL
计算机
图形
学openGL 计算机
图形
学:(Computer Graphics, 简称CG) 简单得说:计算机
图形
学是一种使用数学算法将二维或者三维
图形
转化为计算机显示器所能显示的二维栅格形式的科学。 Modeling(建模):构造场景的三维模型。 Rendering(渲染):将三维场景绘制在屏幕上。3D model -》2D image的 逐像素绘制; 逐面片绘制: 模型由许多面片(polyg...
图形
化按钮
图形
化按钮,就类似这个样子的: 当然,它其实就是一张图片而已。这样做纯粹是为了好看。这里探讨的不是怎么设计这种按钮,而是怎么在网页里把它做出来。这里要提几个要求: A. 语义化。如果这个按钮叫“完成注册”,就要在HTML中写出这四个字,以保证只读HTML的情况下也知道这个按钮是什么文字。 B. display:inline。用display:block可以很容易的调整
大小
。但是如果一横排...
由
图形
化按钮引出的相关hack
原文转自 小麦 http://www.mikkolee.com/73
图形
化按钮,就类似这个样子的: 当然,它其实就是一张图片而已。这样做纯粹是为了好看。这里探讨的不是怎么设计这种按钮,而是怎么在网页里把它做出来。这里要提几个要求: A. 语义化。如果这个按钮叫“完成注册”,就要在HTML中写出这四个字,以保证只读HTML的情况下也知道这个按钮是什么文字。 B. display:inl...
CSS--
图形
化按钮的一些技巧
图形
化按钮的一些技巧这不是纯粹的按钮是个
图形
化按钮类似这个样:当然,它其实就是一张图片而已。这样做纯粹是为了好看。这里探讨的不是怎么设计这种按钮,而是怎么在网页里把它做出来。这里要提几个要求:A. 语义化。如果这个按钮叫“完成注册”,就要在HTML中写出这四个字,以保证只读HTML的情况下也知道这个按钮是什么文字。B. display:inline。用display:bloc
CSS
61,111
社区成员
60,736
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章