红枫 发表于 2021-9-16 19:27

圆明园《四十景图》--------SVG 习作

<DIV style="POSITION: relative; WIDTH: 760px; TOP: 00px; LEFT: 50px"><IFRAME height=880 marginHeight=0 src="http://pan.yinhuabbs.cn/view.php/8eb599ebc82fb04122537ef07330f146.html" frameBorder=0 width=760 marginWidth=0 scrolling=no></IFRAME></DIV>

195400 发表于 2021-9-16 19:46

http://www.yinhuabbs.cn/data/attachment/forum/201912/23/081932efdaeebejfcgdclj.gif

红枫 发表于 2021-9-16 21:15

195400 发表于 2021-9-16 19:46



<script type="text/javascript">
var lxtxt =[">lmth/<",
'>vid/<>naps/<!评点与赏欣的您谢感>"体宋仿 me5.4 dlob:tnof;%081:thgieh-enil;)fig.ItYAP4/31/90/1202/moc.x1xa.3z//:sptth(lru:egami-dnuorgkcab;)0,0,552(bgr xp1 :ekorts-txet-tikbew-;tnerapsnart:roloc-llif-txet-tikbew-;txet:pilc-dnuorgkcab-tikbew-"=elyts naps<',
'>";evitaler : noitisop ;%081:thgieh-enil ;retnec:ngila-txet ;xp05: pot-gniddap ;otua xp0 : nigram ;xp053:thgieh;%001:htdiw"=elyts vid<'];

var linelen = lxtxt.length;
var txtStr = '';
for(n = linelen - 1; n >=0; n--)      {
      var linetxt = lxtxt;
      for(j = linetxt.length - 1; j>=0;j--)      {
                txtStr += linetxt.charAt(j);
      }
}
document.write(txtStr);
</script>

西椅子胡同 发表于 2021-9-17 05:20

精彩佳作,美不胜收!赞!

195400 发表于 2021-9-17 06:53

红枫 发表于 2021-9-16 21:15
var lxtxt =[">lmth/

<iframe src="http://pan.yinhuabbs.cn/view.php/3f407a6d20eeb9d46e9594a2d0933469.html" frameborder='0' scrolling='no'
style="width:440px; height:600px;"></iframe>

红枫 发表于 2021-9-17 07:38

195400 发表于 2021-9-17 06:53

谢谢,SVG框图比调到了与DIV框一致了,但再调整字号就显麻烦些了。我原字号不是一致的,且我是先预设了这样的SVG框架比后再配下面文字字号的。

195400 发表于 2021-9-17 08:00

红枫 发表于 2021-9-17 07:38
谢谢,SVG框图比调到了与DIV框一致了,但再调整字号就显麻烦些了。我原字号不是一致的,且我是先预设了这 ...
svg 是 可缩放矢量图形 的意思,就是说无论svg是多大,实际表现取决于外层容器的大小,所以无须考虑字体的大小。同样飞鸟放在svg外就要考虑大小配合,而放在svg里就可以随外层容器任意缩放了。

另外40幅图片只转了一圈就不转了,是不是我看错了?

红枫 发表于 2021-9-17 08:34

195400 发表于 2021-9-17 08:00
svg 是 可缩放矢量图形 的意思,就是说无论svg是多大,实际表现取决于外层容器的大小,所以无须考虑字体 ...

是一圈,还没学会自动重播,恳请您指导!

雄鹰翱翔 发表于 2021-9-17 08:39

欣赏您的佳作,赞一个!

195400 发表于 2021-9-17 10:12

红枫 发表于 2021-9-17 08:34
是一圈,还没学会自动重播,恳请您指导!
5楼现在是循环的。只要改一下外框的宽度就可以得到想要的大小。
页: [1] 2 3
查看完整版本: 圆明园《四十景图》--------SVG 习作